javascript - 如何调用更改事件，例如在 html 数据列表上选择

Question

我想创建一个在发生变化时触发的事件，所以我可以创建类似 <select> 的事件标签，但我的代码不适用于 <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());
});

Answer 1

您的选择器有误，请将您输入的 id 更改为 favorite 或尝试此代码:

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