試驗了很多jQuery的這種自動補全插件,但是很多地方用BUG,這個功能也有很多其它庫支持,但是爲了用這個功能而加載很多js插件,這樣效率明顯下降了很多,而且這個東西平時也很常用。
完成有以下功能:
- 輸入字符會把含有此字符的提示出來。
- 支持上下方向鍵選擇提示選項,支持循環
- 支持綁定一個數組提示,支持ajax傳遞輸入框值請求數據。
- 支持多個選擇的dom元素一塊綁定數據實現輸入提示。各dom元素也可以單獨綁定自己的數據實現輸入提示,互不影響。
- 支持中文。
1.輸入任意字符,可以返回數據中含有的此字符的數據,並展示在對應的input框下面
(支持鍵盤選擇,鼠標按鍵選擇)
2.輸入字符後,並沒有選擇指定的數據(失去光標後)光標重新獲取到後,會再次展示含有此字符的數據。(查看很多網上的代碼,此功能都沒有。)
3.對下拉框做處理,網上有的代碼不能隱藏下拉框,這裏我稍作處理,可能還有要優化的地方,
往大家可根據需要稍作調整(目前我寫的這個代碼已經滿足基本需要)
有此需求的小夥伴到此處下載源碼http://download.csdn.net/download/ymm_0008/9868075
小弟技術一般,各位大佬勿噴啊。。。有需要的童鞋評論或者發私信,我發代碼給你。