javascript - 选择 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..

如果您想获取数据列表中的项目...只需循环并获取数据...

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