как да се обадите промяна събитие като изберете на html datalist - javascript, jquery, html, html5

Искам да създам събитие, което да пожари на промяна, за да мога да създам нещо подобно <select> маркер, но моят код не работи с a <datalist>.

Това е моят HTML код:

<input type="text" name="team" id="favorite_team" list="team_list">
<datalist id="team_list">
<option>Detroit Lions</option>
<option>Detroit Pistons</option>
<option>Detroit Red Wings</option>
<option>Detroit Tigers</option>
</datalist>

И това е моят JQuery код:

$("#favorite_team").on("change", function(){
alert($(this).val());
});

Отговори:

Можете да добавите цикъла, за да прецените опцията, която е в списъка.

$("#favorite_team").on("input", function(){
var options = $("datalist")[0].options;
for (var i=0;i<options.length;i++){
if (options[i].value == $(this).val())
{alert($(this).val());break;}
}
});

JSFiddle

Изборът ви е грешен, променете идентификационния номер на входа си favorite или опитайте този код:

$("#favorite_team").on("input", function(){
alert($(this).val());
});