php搜索框下拉提示框,jQuery搜索框输入文字下拉提示菜单

控件有几个BUG：

1、input输入后，点击选项，第一次点击无响应，原因是bind的change事件会在input失去焦点的时候触发，导致重新加载了选项，需要去掉change事件，改成input等事件即可解决 (相应的blur事件没有意义，需要这样的事件可以改到li.click事件中)

2、在用keydown事件时，再用鼠标选择，第一次会出现css效果重叠，原因是没有在mouseenter事件中加入removeclass处理，其实选项可以处理成可以循环选择，比如到最后一个选项时，down一下可以到第一个选项

3、在输入字后离开input界面后，选项等内容没法及时消失，在实际使用中其实比较变扭，不符合常规的使用习惯，建议增加mouseleave事件处理

4、插件内match的数据集合建议使用二维数组处理，方便与后台的json数据对接，也方便在处理数据传输时，不用直接取文字数据来进行传导

5、在input获取焦点的时候，一般习惯是显示全部选项，这点也可以考虑增加参数可开启，实际使用中比较符合使用习惯

6、个人认为在div上直接生产输入框处理也不是一种好选择，除非是特殊场合做赋值使用，平常使用多的更多是在布局好的input控件上加效果

7、如果可以，建议直接加入ajax模块的功能，首次加载的时候能加载进数据，不用专门在外部写语句去获取数据，再传入空间内处理

8、如上是个人今天需要此类控件时，参考了大神控件的思路，自己改编了一个比较适合自己使用的控件，楼主写的思路很不错，适合学习

38.6°℃0

2017/8/10 14:40:08

获取焦点的时候显示全部你是怎么做的  代码可以看看么？

回复