当前位置:编程学习 > JS >>

16种jquery自动完成Autocomplete插件

提供16种仿百度和谷歌搜索下拉框自动提示的ajax代码

1. jQuery Autocomplete Mod
 
jQuery Autcomplete插件。能够限制下拉菜单显示的结果数。

主页:http://www.pengoworks.com/workshop/jquery/autocomplete.htm
下载:http://www.pengoworks.com/workshop/jquery/autocomplete.htm
DEMO:http://www.pengoworks.com/workshop/jquery/autocomplete.htm
 
 
2. AutoComplete-JQuery
 
jQuery插件易于集成到现在的表单中(Form)。

主页:http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
下载:http://jquery.bassistance.de/autocomplete/jquery.autocomplete.zip
DEMO:http://jquery.bassistance.de/autocomplete/demo/
 
 
3. Autocomplete-jQuery ajax
 
利用jQuery(Ajax),PHP和MySQL开发的AutoCompleter。
 
主页:http://nodstrum.com/2007/09/19/autocompleter/
下载:http://nodstrum.com/wp-content/plugins/DownloadCounter/download.php?id=26
DEMO:http://nodstrum.com/wp-content/plugins/DownloadCounter/download.php?id=25
 
 
4. Facebook like Autocomplete
 
基于jQuery开发,类似于FaceBoox提供的AutoCompleter。
 
主页:http://web2ajax.fr/examples/facebook_searchengine/
下载:http://web2ajax.fr/examples/facebook_searchengine/
DEMO:http://web2ajax.fr/examples/facebook_searchengine/
 
 
5. jQuery Tag Suggestion
 
类似于del.icio.us提供的tag suggesting功能。

主页:http://remysharp.com/2007/12/28/jquery-tag-suggestion/
下载:http://remysharp.com/downloads/tag.js
DEMO:http://remysharp.com/wp-content/uploads/2007/12/tagging.php
 
 
6. jqac
 
基于Jquery开发的Autocomplete插件。具有易于使用,配置简单,既可以利用Ajax读取数据也可以直接从本地获取数据。
 
主页:http://code.google.com/p/jqac/
下载:http://jqac.googlecode.com/files/jquery.autocomplete-1.4.2.js
DEMO:http://www.cs.bgu.ac.il/~ygleyzer/files/utils/jqac/jqac_example.html
 
 
7. jQuery Live Ajax Search Plug-in
 
采用jQuery开发的AutoComplete控件。搜索结果展示框完全可以利用CSS自定义,内容展示是一个HTML页面。

主页:http://exscale.se/archives/2008/05/16/jquery-live-ajax-search-plug-in/
下载:http://exscale.se/archives/2008/05/16/jquery-live-ajax-search-plug-in/
DEMO:http://exscale.se/archives/2008/05/16/jquery-live-ajax-search-plug-in/
 
 
8. ddcombobox
 
带AutoComplete功能的下拉选择框jQuery插件。
 
主页:http://易做图tutorials.com/?path=tutorials/javascript/jquery/ddcombobox
下载:http://易做图tutorials.com/tutorials/javascript/jquery/ddcombobox/jquery.ddcombobox.zip
DEMO:http://易做图tutorials.com/?path=tutorials/javascript/jquery/ddcombobox
 
 
9.  jSuggest
 
模仿Google Suggest功能的AutoComplete jQuery插件。

主页:http://plugins.jquery.com/project/jSuggest
下载:http://plugins.jquery.com/project/jSuggest
DEMO:http://plugins.jquery.com/project/jSuggest
 
 
10. jQuery plugin- Autocomplete
 
自动完成输入框值让用户能够快速查找和过滤某些值。
 
主页:http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
下载:http://jquery.bassistance.de/autocomplete/jquery.autocomplete.zip
DEMO:http://jquery.bassistance.de/autocomplete/demo/
 
 
11.  A fancy Apple.com-style search suggestion
 
这是一个使用HTML/CSS,jQuery,MySQL+PHP等技术实现的Search Suggestion。
 
主页:http://www.marcofolio.net/webdesign/a_fancy_apple.com-style_search_suggestion.html
下载:http://downloads.marcofolio.net/programming/webdesign/apple.com-style_suggestion_search.zip
DEMO:http://qpoit.com/marcofolio_demo/apple_search/
 
 
12. jQuery.Suggest
 
跨浏览器支持,基于jQuery开发的Autocomplete library。
 
主页:http://www.vulgarisoip.com/2007/08/06/jquerysuggest-11/
下载:http://www.vulgarisoip.com/files/jquery.suggest.js
DEMO:http://www.vulgarisoip.com/2007/08/06/jquerysuggest-11/
 
 
13.  jquery.ajaxComboBox.js
 
一个高级AJAX ComboBox控制,提供多种功能包括下拉选项分页,输入值自动过滤,鼠标移过下拉选项显示Tooltips。

主页:http://d.hatena.ne.jp/sutara_lumpur/20090124/1232781879
下载:http://www.usamimi.info/~sutara/download/acbox_demo.zip
DEMO:http://www.usamimi.info/~sutara/acbox_demo/english.php#sample02_03
 
 
14. Tokenizing Autocomplete Text Entry
 
一个jQuery插件能够让用户从一个预设的列表中,选择多个项目。并提供Autocompletion功能来帮助用户搜索项目。支持通过CSS控制和定 制布局。能够缓存搜索结果减少服务器加载次数。支持用鼠标或键盘来选择项目。提供平滑的动画数据加载效果。
 
主页:http://loopj.com/2009/04/25/jquery-plugin-tokenizing-autocomplete-text-entry/
下载:http://loopj.com/2009/04/25/jquery-plugin-tokenizing-autocomplete-text-entry/
DEMO:http://loopj.com/jquery-tokeninput/demo.html
 
 
另外添加了两个与php后台交互的例子:
见附件: ajax-autocomplete.zip 和  dyve-jquery-autocomplete.zip

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,