html5 데이터 목록 옵션 이벤트 클릭

Question

html5 입력과 함께 데이터 목록이 필요하며 사용자가 데이터 목록의 한 옵션을 클릭하면 다른 이벤트를 만들고 싶습니다. 나는 시도했지만 작동하지 않습니다 :(여기

내 코드의 일부입니다. 내가 시도 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

당신은 당신의 입력 이벤트를보고하여 이벤트를 잡을 수 있습니다 r 입력을 jQuery와 함께 사용합니다. 이 이벤트는 사용자가 입력 내용을 변경하고 데이터리스트의 항목을 클릭 할 때 트리거됩니다.

Working fiddle

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

불행하게도 here가, DataList에와 더 많은 가능성이없는 말했듯이 ... 그것은 던지고 어떤 예외