JavaScript 自動完成腳本整理(33個)
如果你也正準(zhǔn)備在這方面提升自己網(wǎng)站的用戶體驗(yàn),下面為你準(zhǔn)備了33個JavaScript自動完成腳本,當(dāng)然還包括用Jquery實(shí)現(xiàn)的。
1. Proto!TextboxList (演示地址)
一個使用Prototype library開發(fā)具有autocomplete功能類似于Facebook的TextboxList控件。
2. jQuery Autocomplete Plugin
jQuery插件易于集成到現(xiàn)在的表單中(Form)。
3. dhtmlxCombo
dHTMLxCombo是一個跨平臺的,具有Autocomplete功能,支持Ajax的combobox。
4. Facebook like Autocomplete (演示地址)
基于jQuery開發(fā),類似于FaceBoox提供的AutoCompleter
5. MooTools Autocompleter (演示地址)
利用MooTools開發(fā),支持從本地對象獲取數(shù)據(jù)或通過XHR取得Json或Xhtml。
6. jQuery Autocomplete Mod (演示地址)
jQuery Autcomplete插件。能夠限制下拉菜單顯示的結(jié)果數(shù)。
7. jqac
基于Jquery開發(fā)的Autocomplete插件。具有易于使用,配置簡單,既可以利用Ajax讀取數(shù)據(jù)也可以直接從本地獲取數(shù)據(jù)。
8. jQuery Tag Suggestion (演示地址)
類似于del.icio.us提供的tag suggesting功能。
9. Spry Auto Suggest (演示地址)
Spry Auto Suggest控件。Spry是Adobe公司針對目前越來越流行的Ajax技術(shù)而推出自己的Ajax框架。
10. Autocomplete-jQuery ajax (演示地址)
利用jQuery(Ajax),PHP和MySQL開發(fā)的AutoCompleter。
11. jQuery.Suggest
跨瀏覽器支持,基于jQuery開發(fā)的Autocomplete library。
12. Autocomplete- jQuery plugin
一個jQuery Autocompleter,提供緩存選項(xiàng)來限制對服務(wù)器的請求。
13. jQuery plugin: Autocomplete (演示地址)
自動完成輸入框值讓用戶能夠快速查找和過濾某些值。
14. jSuggest
模仿Google Suggest功能的AutoComplete jQuery插件。
15. Control.Autocomplete
基于Mootools框架開發(fā)的Autocomplete控件。
16. ddcombobox
帶AutoComplete功能的下拉選擇框jQuery插件。
17. jQuery Live Ajax Search Plug-in
采用jQuery開發(fā)的AutoComplete控件。搜索結(jié)果展示框完全可以利用CSS自定義,內(nèi)容展示是一個HTML頁面。
18. A fancy Apple.com-style search suggestion (演示地址)
這是一個使用HTML/CSS,jQuery,MySQL PHP等技術(shù)實(shí)現(xiàn)的Search Suggestion。
19. TextboxList (演示地址)
這個Mootools插件能夠?qū)⑵胀ǖ奈谋据斎肟?,轉(zhuǎn)換成擁有Autocomplete功能風(fēng)格類似于Facebook的文本輸入框。支持任意類型的數(shù)據(jù)源(XHR、Json)。
20. Autobox2 (演示地址)
Autobox2這個jQuery插件,可以用于創(chuàng)建類似于Facebook風(fēng)格的AutoComplete控件。
21. MavSuggest (演示地址)
MavSuggest是一個采用Mootools框架實(shí)現(xiàn)的AutoComplete控件。MavSuggest只支持JSON格式的數(shù)據(jù)對象。服務(wù)端可以采用任意語言實(shí)現(xiàn),服務(wù)端只需按要求輸出相應(yīng)的JSON對象即可。
22. Tokenizing Autocomplete Text Entry (演示地址)
一個jQuery插件能夠讓用戶從一個預(yù)設(shè)的列表中,選擇多個項(xiàng)目。并提供Autocompletion功能來幫助用戶搜索項(xiàng)目。支持通過CSS控制和定制布局。能夠緩存搜索結(jié)果減少服務(wù)器加載次數(shù)。支持用鼠標(biāo)或鍵盤來選擇項(xiàng)目。提供平滑的動畫數(shù)據(jù)加載效果。
23. AutoComplete-JQuery (演示地址)
jQuery插件易于集成到現(xiàn)在的表單中(Form)。
24. jQuery Autocomplete Mod
jQuery Autcomplete插件。能夠限制下拉菜單顯示的結(jié)果數(shù)。
25. jqac (演示地址)
基于Jquery開發(fā)的Autocomplete插件。具有易于使用,配置簡單,既可以利用Ajax讀取數(shù)據(jù)也可以直接從本地獲取數(shù)據(jù)。
26. Spry AutoSuggest
Spry Auto Suggest控件。Spry是Adobe公司針對目前越來越流行的Ajax技術(shù)而推出自己的Ajax框架。
27. Autocomplete-jQuery ajax (演示地址)
利用jQuery(Ajax),PHP和MySQL開發(fā)的AutoCompleter。
28. jQuery.Suggest (演示地址)
跨瀏覽器支持,基于jQuery開發(fā)的Autocomplete library。
29. Autocomplete- jQuery plugin
一個jQuery Autocompleter,提供緩存選項(xiàng)來限制對服務(wù)器的請求。
30. MavSuggest (演示地址)
MavSuggest是一個采用Mootools框架實(shí)現(xiàn)的AutoComplete控件。MavSuggest只支持JSON格式的數(shù)據(jù)對象。服務(wù)端可以采用任意語言實(shí)現(xiàn),服務(wù)端只需按要求輸出相應(yīng)的JSON對象即可。
31. 好友選擇器 (演示地址)
用jquery 仿照開心網(wǎng)做的查找用戶自動提示插件.
32. Flexselect
jQuery Flexselect 同樣是一款下拉框提示插件,也就是大家所說的輸入框提示。目前,jQueryFlexselect已經(jīng)發(fā)展到v0.2版本,其用法千變?nèi)f化,適用的場合也 越來越多,具體的用法最好閱讀一下官方的文檔。它可以與其它的輸入框形成級聯(lián)提示,比以往的幾款提示插件功能更強(qiáng)大。
33. FlexBox
FlexBox 是一個 jQuery 插件用來顯示動態(tài)下拉框,使用的是 JSON 格式的數(shù)據(jù)源。
相關(guān)文章
JS+HTML5手機(jī)開發(fā)之滾動和慣性緩動實(shí)現(xiàn)方法分析
這篇文章主要介紹了JS+HTML5手機(jī)開發(fā)之滾動和慣性緩動實(shí)現(xiàn)方法,涉及javascript結(jié)合HTML5特性控制頁面元素的運(yùn)動技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
解決使用layui對select append元素?zé)o效或者未及時更新的問題
今天小編就為大家分享一篇解決使用layui對select append元素?zé)o效或者未及時更新的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
解決Layui當(dāng)中的導(dǎo)航條動態(tài)添加后渲染失敗的問題
今天小編就為大家分享一篇解決Layui當(dāng)中的導(dǎo)航條動態(tài)添加后渲染失敗的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
微信js-sdk預(yù)覽圖片接口及從拍照或手機(jī)相冊中選圖接口用法示例
這篇文章主要介紹了微信js-sdk預(yù)覽圖片接口及從拍照或手機(jī)相冊中選圖接口用法,較為詳細(xì)的分析了預(yù)覽圖片接口及與拍照或手機(jī)相冊中選圖接口的功能、調(diào)用方法與相關(guān)使用技巧,需要的朋友可以參考下2016-10-10
JavaScript 事件流、事件處理程序及事件對象總結(jié)
JS與HTML之間的交互通過事件實(shí)現(xiàn),事件就是文檔或?yàn)g覽器窗口中發(fā)生的一些特定的交互瞬間,可以使用(或處理程序)來預(yù)定事件,以便事件發(fā)生時執(zhí)行相應(yīng)的代碼,本文將介紹JS事件相關(guān)的基礎(chǔ)知識,2017-04-04
JavaScript 實(shí)現(xiàn)下雪特效的示例代碼
這篇文章主要介紹了JavaScript 實(shí)現(xiàn)下雪特效的示例代碼,幫助大家利用JavaScript制作特效,感興趣的朋友可以了解下2020-09-09

