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());
});