美文网首页
带模糊查询的select下拉列表

带模糊查询的select下拉列表

作者: 小汤猿 | 来源:发表于2019-02-15 17:30 被阅读0次

要求: input.focus时 显示下拉列表   input.blur时 隐藏下拉列表,输入框输入关键字 , 下拉列表匹配包含关键字的列表

选中下拉菜单的name , input 框的值 = 选中的name  并隐藏下拉菜单.

解决:

这里的input 输入框的聚焦和失焦没用 onfoucs 和 onblur 

因: 当执行下拉菜单选择项时, onblur  比 item.onclick 先触发 , 尝试 在item.onclick   阻止onblur 未果,  设置onblur 延迟触发,不是最佳办法. 故用了点击事件解决

相关文章

网友评论

      本文标题:带模糊查询的select下拉列表

      本文链接:https://www.haomeiwen.com/subject/mryyfqtx.html