是否可以在选择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...

}); 
});