gpt4 book ai didi

php - Chrome 不会按标签搜索数据列表

转载 作者:行者123 更新时间:2023-11-28 02:24:01 24 4
gpt4 key购买 nike

我的网站中有以下输入框,我想通过给定标签提供建议,选择该输入框后,值将传递到 SQL 数据库。

<input type="text" name="Search" size="45px" placeholder="&nbsp;Search student records." list="StudentList">
<datalist id="StudentList">
<option value="145" label="Jake">
</datalist>

我希望建议根据标签而不是值显示,就像在 Firefox 中一样。

我怎样才能做到这一点?

最佳答案

var studentList = document.getElementById('StudentList');
var selectedLabel = studentList.options[studentList.selectedIndex].getAttribute('label');

编辑:

html:

<input type="text" name="Search" size="45px" placeholder="&nbsp;Search student records." list="StudentList">
<datalist id="StudentList">
<option value="Jake" data-id="145">
</datalist>

js:

var search = document.getElementsByName('Search')[0];
var datalist = document.getElementById('StudentList')[0];
search.addEventListener('change', function(){
var id;
for(var i = 0; i < datalist.options.length; i++){
if(datalist.options[i].value === this.value)
id = datalist.options[i].getAttribute('data-id');
}
// Use id here to search
});

关于php - Chrome 不会按标签搜索数据列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15217654/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com