相关疑难解决方法(0)

我有像下面的数据列表 -

<input id="name" list="allNames" />
<datalist id="allNames">
    <option value="Adnan1"/>  
    <option value="Faizan2"/>   
</datalist>

我想要的是,当一个项目被完全输入时(例如在用户完全键入"Adnan1"时输入框中)或从列表中选择,那么我想要一个事件.我尝试了几种方法,但到目前为止两种方法都没有帮助我.方法是 -

$("#name").change(function(){
console.log("change");
}

问题是,当输入失焦时,事件才会被触发,即当我点击屏幕中的某个位置时.

我也试过了

$("#name").bind('change', function () {
    console.log('changed'); 
});

但每次输入时都会触发回调.实际上,当项目被完全选中时,我需要进行AJAX调用.通过输入或从下拉列表中选择.

第一种方法对于用户的观点是不好的,因为他必须进行额外的点击,而第二种方法的缺点是每个字母都会触发一个事件.

我想要的只是当用户做出选择或输入完整句子时的事件.有没有办法实现这个目标？我遗失的任何事件都可以解决我的问题.

如何处理选项元素的事件？

<select>
      <option value='option1'>Gateway 1</option>
      <option value='option2'>Gateway 2</option>
      <option value='option3'>Gateway 3</option>
 </select>

单击选项元素时,我想显示元素的一些描述.任何想法如何做到这一点？