我的网站中有以下输入框,我想通过Given Label提供建议,选中后,Value会传递给SQL数据库。
<input type="text" name="Search" size="45px" placeholder=" Search student records." list="StudentList">
<datalist id="StudentList">
<option value="145" label="Jake">
</datalist>
我希望根据标签而非Value显示建议,就像在Firefox中一样。
我该怎么做?
答案 0 :(得分:1)
var studentList = document.getElementById('StudentList');
var selectedLabel = studentList.options[studentList.selectedIndex].getAttribute('label');
编辑:
HTML:
<input type="text" name="Search" size="45px" placeholder=" 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
});