Событие при нажатии опции списка данных html5

Мне нужен список данных с моим вводом 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 я ни пробовал, мне не удается создать простейший результат в виде предупреждения().

У меня нет исключений, события, которые я пытаюсь активировать, не распознаются.

Спасибо за помощь !


events html jquery datalist option
person Nolween Lopez    schedule 19.12.2017    source источник
comment
Укажите, какое исключение он выдает, а также укажите, что не работает.   -  person Kumar_Vikas    schedule 19.12.2017

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете поймать событие, наблюдая за входным событием на вашем входе с помощью jQuery. Это событие будет вызвано, когда пользователь изменит то, что находится на входе, и щелкнет элемент в вашем списке данных.

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

Рабочая скрипта

К сожалению, как сказано здесь, с datalist не так много возможностей ...

person Nico_    schedule 19.12.2017