Is it possible to execute some code when an item from an HTML5 datalist has been selected?

Question

For example:

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

Is it possible to catch the event when an item from the datalist had been selected? Calling onclick or onchange on the input element don't work.

Answer 1

    $(document).ready(function() {

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

}); 
});