是否可以在选择HTML5数据列表中的项目时执行某些代码？

Question

例如：

<input type="text" list="sample"/>
<datalist id="sample">
    <option value="item 1"/>
    <option value="item 2"/>
</datalist>

是否可以在选择了数据列表中的项目时捕获事件？在输入元素上调用onclick或onchange不起作用。

Answer 1

    $(document).ready(function() {

$("#search").on("input", function(e) {
var val = $(this).val();
if(val === "") return;
....
    var dataList = $("#searchresults");
dataList.empty();
 your code...

}); 
});

Answer 2

Datalist用于storage and Auto list Purpose ... doesn't have Selected Events ..

如果你想获得datalist中的项目......只需循环它并获取数据......

$('#sample option').each(function(index) {
 alert($(this).val());
});