30+最佳Ajax jQuery的自动完成插件的例子
2016-03-17 17:21
1301 查看
在这篇文章中,我们将介绍35个jQuery AJAX的自动完成提示例子。 jQuery 的自动完成功能,使用户快速找到并选择一定的价值。每个人都想要快速和即时搜索输入栏位,因为这个原因,许 流行的搜索引擎,如谷歌使用此功能的PHP的AJAX autocomplete.Combination ,Ajax和jQuery的自动完成功能提供了一些额外的功能,自动提示。
![](http://static.html580.com/upload/image/2013/03/jquery-ajax-autocomplete-1.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-combogrid-autocomplete-plugin-2.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-autocomplete-search-boxes-3.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-autocomplete-textarea-plugin-4.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-autosuggest-facebook-style-5.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-autocomplete-plugin-6.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-multiple-select-autocomplete-tokeninput-7.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-country-selector-autocomplete-8.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-adress-picker-autocomplete-9.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-autocomplete-plugin-bassistance-10.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-auto-complete-plugin-11.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-autocomplete-mod-12.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-json-php-autocomplete-13.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-nodstrum-auto-completer-14.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-smart-autoComplete-plugin-15.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-ui-autocomplete-widget-16.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jQuery-tag-input-autocomplete-txtext-17.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-auto-complete-google-custom-search-18.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-ui-smart-autocomplete-widget-19.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-ui-autocomplete-php-json-20.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-ajax-autosuggest-plugin-21.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-ajax-search-suggest-22.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-ajax-search-suggest-apple-style-23.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-facebook-autosuggest-24.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/ajax-autosuggest-autocomplete-json-xml-25.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-ajax-autocomplete-asp-net-26.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-autosuggest-plugin-27.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-autocomplete-primefocus-29.jpg)
在线演示 Demo
![](http://static.html580.com/upload/image/2013/03/javascript-Input-completion-kit-wick-web-30.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/jquery-sexy-combo-with-autocomplete-31.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/javascript-google-yahoo-suggestion-searchbox-32.jpg)
在线演示
![](http://static.html580.com/upload/image/2013/03/javascript-ajax-combobox-with-autocomplete-33.jpg)
![](http://static.html580.com/upload/image/2013/03/javascript-autocomplete-36.jpg)
文章标题:30+最佳Ajax jQuery的自动完成插件的例子
本文地址:http://www.html580.com/6250
版权所有:转载时必须以链接形式注明作者和原始出处!
1. jQuery Ajax的自动完成功能
Ajax Autocomplete允许您轻松地创建自动完成/自动提示框的文本输入字段。集中表现 - 为每一个查询的结果缓存 …![](http://static.html580.com/upload/image/2013/03/jquery-ajax-autocomplete-1.jpg)
在线演示
2. jQuery自动完成插件ComboGrid
ComboGrid当添加到一个输入字段,使用户能够快速找到并选择预填充列表的值。![](http://static.html580.com/upload/image/2013/03/jquery-combogrid-autocomplete-plugin-2.jpg)
在线演示
3. jQuery的现代搜索框VisualSearch.js
VisualSearch.js 提高普通搜索框自动完成的jQuery面搜索查询的能力。![](http://static.html580.com/upload/image/2013/03/jquery-autocomplete-search-boxes-3.jpg)
在线演示
4. Textarea自动完成的jQuery插件
![](http://static.html580.com/upload/image/2013/03/jquery-autocomplete-textarea-plugin-4.jpg)
在线演示
5. jQuery的FaceBook自动提示搜索引擎
FaceBook自动提示的是一个强大的jQuery的自动完成插件把一个输入字段复制到的实时自动完成的搜索引擎,像的Facebook的one.This插件需要的jQuery库和自动完成插件的BSN的jQuery自动提示?。定制方,做一个Ajax请求设计并建立搜索插件进行分类的结果。![](http://static.html580.com/upload/image/2013/03/jquery-autosuggest-facebook-style-5.jpg)
在线演示
6. jQuery的自动完成插件
这个脚本是基于jQuery的自动完成插件。它有很多选项,您可以通过高级选项很容易的设置在你的页面是。![](http://static.html580.com/upload/image/2013/03/jquery-autocomplete-plugin-6.jpg)
在线演示
7. Tokeninput – jQuery的预定义列表中选择多个项目
Tokeninput是自动完成的jQuery插件,它允许用户从预定义列表中选择多个项目,使用自动完成的,因为他们键入的每一个项目。![](http://static.html580.com/upload/image/2013/03/jquery-multiple-select-autocomplete-tokeninput-7.jpg)
在线演示
8. 重新设计的jQuery自动完成国家选择插件
我们发现几个可用性问题使用一个降减为您的国家选择。![](http://static.html580.com/upload/image/2013/03/jquery-country-selector-autocomplete-8.jpg)
在线演示
9. 自动完成和位置选择
Address Picke显示了所选地址的地图,甚至在您浏览在自动完成。![](http://static.html580.com/upload/image/2013/03/jquery-adress-picker-autocomplete-9.jpg)
在线演示
10. bassistance jQuery的自动完成插件
jQuery的自动完成输入字段,使用户快速找到并选择一定的价值,利用搜索和过滤。![](http://static.html580.com/upload/image/2013/03/jquery-autocomplete-plugin-bassistance-10.jpg)
在线演示
11. jQuery自动完成插件
jQuery Autocomplete需要来自用户的输入,并尝试与用户输入相匹配的话,可以形成一个列表。的功能,其自身附加到所选择的输入字段,同时也创造了UL下拉内所有你需要的是有它的样式准备。![](http://static.html580.com/upload/image/2013/03/jquery-auto-complete-plugin-11.jpg)
在线演示
12. jQuery自动完成
支持本地数据阵列(现在可以使用AJAX)。 将结果限制为用户下拉列表来限制。自动填充预填充文本框方法可以用来以编程方式确定,可用于验证输入的文本是现有值。下拉选项现在可以正确地重新定位自己在每个显示器上,下拉框中默认的输入字段的宽度及其连接的。更好地模拟Windows jQuery的自动完成框(例如:击中删除,重新输入)。![](http://static.html580.com/upload/image/2013/03/jquery-autocomplete-mod-12.jpg)
在线演示
13. AutoComplete Field with jQuery, JSON & PHP
使用jQuery,JSON,PHP自动完成字段![](http://static.html580.com/upload/image/2013/03/jquery-json-php-autocomplete-13.jpg)
在线演示
14. Nodstrum - jQuery的自动完成
![](http://static.html580.com/upload/image/2013/03/jquery-nodstrum-auto-completer-14.jpg)
在线演示
15. 智能jQuery的自动完成插件
Smart jQuery Autocomplet自定义的过滤器函数返回一个数组的结果。![](http://static.html580.com/upload/image/2013/03/jquery-smart-autoComplete-plugin-15.jpg)
在线演示
16. jQuery UI自动完成的Widget
jQuery的自动完成功能部件。自动完成文本字段可以是一个受欢迎的选择,因为他们使您的网站访问者输入信息更容易。它们可以用于产品搜索领域,例如,当访问者必须输入一个国家或一个城市,或其他任何可能是从一个共同的数据集选择。除了深受游客的jQuery UI自动完成是受开发人员欢迎,因为它是易于使用,功能强大和灵活的。![](http://static.html580.com/upload/image/2013/03/jquery-ui-autocomplete-widget-16.jpg)
在线演示
17. jQuery的标签输入和自动完成插件 : TextExt
TextExt is a plugin是一个jQuery插件,其目的是可让您轻松地将标准的HTML文本输入。 为数众多的插件可用,其中包括标签,过滤器,自动完成,ajax。![](http://static.html580.com/upload/image/2013/03/jQuery-tag-input-autocomplete-txtext-17.jpg)
在线演示
18. Google自定义搜索引擎自动完成
如何添加到您的Google自定义搜索引擎自动完成![](http://static.html580.com/upload/image/2013/03/jquery-auto-complete-google-custom-search-18.jpg)
在线演示
19. jQueryUI的smartAutocomplete
这个小工具的功能扩展jQueryUI的自动完成功能部件通过添加无限滚动从远程数据源加载数据。![](http://static.html580.com/upload/image/2013/03/jquery-ui-smart-autocomplete-widget-19.jpg)
在线演示
20. jQuery UI的自动完成与远程数据库和PHP生成的JSON数据
![](http://static.html580.com/upload/image/2013/03/jquery-ui-autocomplete-php-json-20.jpg)
在线演示
21. 易于使用jQuery的Ajax的自动提示插件
这个jQuery的Ajax自动提示插件有一点点额外的灵活性,多个实例,通过自定义的参数,返回的ID和值,键盘控制,和其他几个人..CSS文件很小,很容易改变的。我已经包括了一些例子,交给服务器端的请求,但返回的数据要求外,这完全取决于您 ,如果你想限制返回的结果,你可以传递一个额外的参数到你的服务器端脚本。![](http://static.html580.com/upload/image/2013/03/jquery-ajax-autosuggest-plugin-21.jpg)
在线演示
22. jQuery AJAX搜索
我们将使用jQuery和PHP少量的查询服务器的搜索字词。为了让这两个脚本的沟通,我们将使用AJAX - 通过一个字符串,其中包含从jQuery PHP的搜索字词。![](http://static.html580.com/upload/image/2013/03/jquery-ajax-search-suggest-22.jpg)
在线演示
23.Apple.com风格的jQuery的搜索
一个奇特的Apple.com风格的搜索![](http://static.html580.com/upload/image/2013/03/jquery-ajax-search-suggest-apple-style-23.jpg)
在线演示
24. FCBKcomplete - jQuery的自动完成插件
![](http://static.html580.com/upload/image/2013/03/jquery-facebook-autosuggest-24.jpg)
在线演示
25. 使用jQuery,AJAX,XML,PHP自动提示/自动完成
jQuery的自动完成类菜单建议值的文本字段。用户可以直接点击进入到该领域,或使用向上和向下箭头键,选择一个值,使用Tab键浏览列表。![](http://static.html580.com/upload/image/2013/03/ajax-autosuggest-autocomplete-json-xml-25.jpg)
在线演示
26. 基于Ajax的多选jQuery的自动完成控制 ASP.Net
![](http://static.html580.com/upload/image/2013/03/jquery-ajax-autocomplete-asp-net-26.jpg)
在线演示
27. 自动提示jQuery插件
自动提示jQuery是一个轻量级的jQuery自动完成插件。您只需要编辑CSS文件进行自定义的外观的!您甚至可以使用,如果你想要的图像,只需添加到CSS文件中的相应行代码。![](http://static.html580.com/upload/image/2013/03/jquery-autosuggest-plugin-27.jpg)
在线演示
28. PrimeFaces:jQuery的自动完成功能
支持多选择的自动完成功能![](http://static.html580.com/upload/image/2013/03/jquery-autocomplete-primefocus-29.jpg)
在线演示 Demo
29. WICK Web Input Completion Kit
WICK用JavaScript,DOM和CSS的Web标准,如在协助本地和远程数据源的表单UI元素,以方便文字输入。![](http://static.html580.com/upload/image/2013/03/javascript-Input-completion-kit-wick-web-30.jpg)
在线演示
30. jQuery Sexy-Combo : 选择菜单,组合框的自动完成
Sexy Combo 是一个jQuery autocomple,取代下拉菜单的插件,然后一个更便于使用和易改变风格![](http://static.html580.com/upload/image/2013/03/jquery-sexy-combo-with-autocomplete-31.jpg)
在线演示
31. 雅虎和谷歌建议的jQuery搜索框
![](http://static.html580.com/upload/image/2013/03/javascript-google-yahoo-suggestion-searchbox-32.jpg)
在线演示
32. Ajax JavaScript组合框的自动完成
dhtmlxCombo是一个跨浏览器的JavaScript组合框的自动完成功能。它扩展了基本的选择框的功能,并提供建议,当用户在文本字段中显示的能力。从现有的HTML选择的情况下,dhtmlxCombo可以被转换,或填充用JavaScript。使用Ajax数据加载,它可以动态地从服务器的数据源得到的值的列表。![](http://static.html580.com/upload/image/2013/03/javascript-ajax-combobox-with-autocomplete-33.jpg)
33. javascript的自动完成功能
本教程介绍了简单的自动完成功能的JavaScript库。对于每一个文本输入,功能准备URL,并显示从服务器返回的答案弹出。弹出如下图所示的输入字段输入字段的确切宽度。![](http://static.html580.com/upload/image/2013/03/javascript-autocomplete-36.jpg)
相关链接
源码下载在线演示版权所有
文章作者:HTML我帮您文章标题:30+最佳Ajax jQuery的自动完成插件的例子
本文地址:http://www.html580.com/6250
版权所有:转载时必须以链接形式注明作者和原始出处!
相关文章推荐
- jQuery获取Select选择的Text和 Value(转)
- 多日低效率关于$post,$get,$ajax的感悟
- jQuery.Autocomplete实现自动完成功能(详解)
- jquery获取iframe页面中的元素
- 如何在网页中添加 jQuery。
- Spring+SpringMVC+mybatis+Jquery easyUI框架整合
- Ajax JQuery HTML 提交上传文件File HTML+ Ajax+ASP.NET+ WebService
- jquery.chosen 强大的jquery模拟下拉框(select)插件
- widget jquery 理解
- 长按事件jquery mobile
- JQuery动态元素事件绑定问题
- JQuery中$.ajax()方法参数详解
- jQuery ajax 返回的数据类型
- jquery基础知识第一讲之认识jquery
- 让jquery.tmpl支持序号${index}
- 简单的jquery实现tab切换
- jQuery.Phishing
- JQuery实现Ajax
- jQuery 中 attr 和 prop 方法的区别
- jquery动画