html5 datalist 选项上的事件单击答案

【问题标题】：Event on html5 datalist option clickhtml5 datalist 选项上的事件单击
【发布时间】：2017-12-19 22:18:23
【问题描述】：

我需要一个带有 html5 输入的数据列表，并且我想在用户单击数据列表的一个选项时创建另一个事件。我试过了，但它不起作用:(

这是我的代码的一部分：

    <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()。

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

感谢您的帮助！

【问题讨论】：

提及它抛出了什么异常，同时提及什么不起作用。

标签： jquery html events option datalist

【解决方案1】：

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

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

Working fiddle

不幸的是，正如here 所说，datalist 没有太多可能性......

【讨论】：