js自动补全功能(比我之前写过那一篇的好一点)

来源:互联网 发布:网络外宣是什么 编辑:程序博客网 时间:2024/04/27 14:19

试验了很多jQuery的这种自动补全插件,但是很多地方用BUG,这个功能也有很多其它库支持,但是为了用这个功能而加载很多js插件,这样效率明显下降了很多,而且这个东西平时也很常用。


完成有以下功能:

  • 输入字符会把含有此字符的提示出来。
  • 支持上下方向键选择提示选项,支持循环
  • 支持绑定一个数组提示,支持ajax传递输入框值请求数据。
  • 支持多个选择的dom元素一块绑定数据实现输入提示。各dom元素也可以单独绑定自己的数据实现输入提示,互不影响。
  • 支持中文。


===============================================================

1.输入任意字符,可以返回数据中含有的此字符的数据,并展示在对应的input框下面

(支持键盘选择,鼠标按键选择)



2.输入字符后,并没有选择指定的数据(失去光标后)光标重新获取到后,会再次展示含有此字符的数据。(查看很多网上的代码,此功能都没有。)


3.对下拉框做处理,网上有的代码不能隐藏下拉框,这里我稍作处理,可能还有要优化的地方,

往大家可根据需要稍作调整(目前我写的这个代码已经满足基本需要)

有此需求的小伙伴到此处下载源码http://download.csdn.net/download/ymm_0008/9868075


小弟技术一般,各位大佬勿喷啊。。。吐舌头吐舌头有需要的童鞋评论或者发私信,我发代码给你。



原创粉丝点击