イベントhtml5データリストオプションのクリック

Question

html5入力でデータリストが必要です。データリストの1つのオプションをクリックしたときに別のイベントを作成します。私が試したが、それは動作しません:(ここで

は私のコードの一部です：私がしようjqueryのコードは、私はに失敗どのような

が

<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> 

警告（）として、最も単純な結果を作成

私も例外は私がアクティブ化しようイベントが認識されない、投げられなかった

。

はあなたの助けをありがとう！

Answer 1

あなたはあなたに入力イベントを見てイベントをキャッチすることができますjQueryで入力します。このイベントは、ユーザーが入力にあるものを変更し、データリスト内の項目をクリックするとトリガーになります。

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

Working fiddle

hereは、データリストとは多くの可能性がない、言ったように残念ながら...それが投げているものを除い