在HTML5数据库选项上进行事件.单击

Question

我需要一个带有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（）。

我没有例外，我试图激活的事件无法识别。

谢谢您的帮助！

Answer 1

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

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

工作小提琴

不幸的是，数据师没有很多可能性...