html5 datalist选项上的事件单击

Question

我需要一个带有html5输入的datalist，当用户点击datalist的一个选项时，我想创建另一个事件。我试过但它不起作用:(

这是我的代码的一部分：

    <input name="adresse" type="text" id="formadresse" list="listadresses">
<datalist id="listadresses">
<option class="adresseoption" data-placeid="ChIJjwkhBaY_5kcRlWs1lhSC4tw" value="Louvres, France"></option>
<option class="adresseoption" data-placeid="ChIJD3uTd9hx5kcR1IQvGfr8dbk" value="Louvre Museum, Rue de Rivoli, Paris, France"></option>
<option class="adresseoption" data-placeid="ChIJ5V8P_KM_5kcRDQeUoTCtQ7U" value="Louvres, France"></option>
</datalist>

无论我尝试的jquery代码是什么，我都无法创建最简单的结果作为alert（）。

我没有异常抛出，我尝试激活的事件无法识别。

谢谢您的帮助 ！

Answer 1

您可以通过使用jQuery观察输入上的输入事件来捕获事件。当用户更改输入中的内容并单击数据列表中的项目时，将触发此事件。

$(document).ready(function(){
    $("#formadresse").on('input',function() {
        alert($(this).val());
    });
})

Working fiddle

不幸的是，正如here所说，数据主义者没有多少可能性......