您的位置:首页 > Web前端 > JQuery

30+最佳Ajax jQuery的自动完成插件的例子

2016-03-17 17:21 1301 查看
在这篇文章中,我们将介绍35个jQuery AJAX的自动完成提示例子。 jQuery 的自动完成功能,使用户快速找到并选择一定的价值。每个人都想要快速和即时搜索输入栏位,因为这个原因,许 流行的搜索引擎,如谷歌使用此功能的PHP的AJAX autocomplete.Combination ,Ajax和jQuery的自动完成功能提供了一些额外的功能,自动提示。

1. jQuery Ajax的自动完成功能

Ajax Autocomplete允许您轻松地创建自动完成/自动提示框的文本输入字段。集中表现 - 为每一个查询的结果缓存 …

在线演示

2. jQuery自动完成插件ComboGrid

ComboGrid当添加到一个输入字段,使用户能够快速找到并选择预填充列表的值。

在线演示

3. jQuery的现代搜索框VisualSearch.js

VisualSearch.js 提高普通搜索框自动完成的jQuery面搜索查询的能力。

在线演示

4. Textarea自动完成的jQuery插件



在线演示

5. jQuery的FaceBook自动提示搜索引擎

FaceBook自动提示的是一个强大的jQuery的自动完成插件把一个输入字段复制到的实时自动完成的搜索引擎,像的Facebook的one.This插件需要的jQuery库和自动完成插件的BSN的jQuery自动提示?。定制方,做一个Ajax请求设计并建立搜索插件进行分类的结果。

在线演示

6. jQuery的自动完成插件

这个脚本是基于jQuery的自动完成插件。它有很多选项,您可以通过高级选项很容易的设置在你的页面是。

在线演示

7. Tokeninput – jQuery的预定义列表中选择多个项目

Tokeninput是自动完成的jQuery插件,它允许用户从预定义列表中选择多个项目,使用自动完成的,因为他们键入的每一个项目。

在线演示

8. 重新设计的jQuery自动完成国家选择插件

我们发现几个可用性问题使用一个降减为您的国家选择。

在线演示

9. 自动完成和位置选择

Address Picke显示了所选地址的地图,甚至在您浏览在自动完成。

在线演示

10. bassistance jQuery的自动完成插件

jQuery的自动完成输入字段,使用户快速找到并选择一定的价值,利用搜索和过滤。

在线演示

11. jQuery自动完成插件

jQuery Autocomplete需要来自用户的输入,并尝试与用户输入相匹配的话,可以形成一个列表。的功能,其自身附加到所选择的输入字段,同时也创造了UL下拉内所有你需要的是有它的样式准备。

在线演示

12. jQuery自动完成

支持本地数据阵列(现在可以使用AJAX)。 将结果限制为用户下拉列表来限制。自动填充预填充文本框方法可以用来以编程方式确定,可用于验证输入的文本是现有值。下拉选项现在可以正确地重新定位自己在每个显示器上,下拉框中默认的输入字段的宽度及其连接的。更好地模拟Windows jQuery的自动完成框(例如:击中删除,重新输入)。

在线演示

13. AutoComplete Field with jQuery, JSON & PHP

使用jQuery,JSON,PHP自动完成字段

在线演示

14. Nodstrum - jQuery的自动完成



在线演示

15. 智能jQuery的自动完成插件

Smart jQuery Autocomplet自定义的过滤器函数返回一个数组的结果。

在线演示

16. jQuery UI自动完成的Widget

jQuery的自动完成功能部件。自动完成文本字段可以是一个受欢迎的选择,因为他们使您的网站访问者输入信息更容易。它们可以用于产品搜索领域,例如,当访问者必须输入一个国家或一个城市,或其他任何可能是从一个共同的数据集选择。除了深受游客的jQuery UI自动完成是受开发人员欢迎,因为它是易于使用,功能强大和灵活的。

在线演示

17. jQuery的标签输入和自动完成插件 : TextExt

TextExt is a plugin是一个jQuery插件,其目的是可让您轻松地将标准的HTML文本输入。 为数众多的插件可用,其中包括标签,过滤器,自动完成,ajax。

在线演示

18. Google自定义搜索引擎自动完成

如何添加到您的Google自定义搜索引擎自动完成

在线演示

19. jQueryUI的smartAutocomplete

这个小工具的功能扩展jQueryUI的自动完成功能部件通过添加无限滚动从远程数据源加载数据。

在线演示

20. jQuery UI的自动完成与远程数据库和PHP生成的JSON数据



在线演示

21. 易于使用jQuery的Ajax的自动提示插件

这个jQuery的Ajax自动提示插件有一点点额外的灵活性,多个实例,通过自定义的参数,返回的ID和值,键盘控制,和其他几个人..CSS文件很小,很容易改变的。我已经包括了一些例子,交给服务器端的请求,但返回的数据要求外,这完全取决于您 ,如果你想限制返回的结果,你可以传递一个额外的参数到你的服务器端脚本。

在线演示

22. jQuery AJAX搜索

我们将使用jQuery和PHP少量的查询服务器的搜索字词。为了让这两个脚本的沟通,我们将使用AJAX - 通过一个字符串,其中包含从jQuery PHP的搜索字词。

在线演示

23.Apple.com风格的jQuery的搜索

一个奇特的Apple.com风格的搜索

在线演示

24. FCBKcomplete - jQuery的自动完成插件



在线演示

25. 使用jQuery,AJAX,XML,PHP自动提示/自动完成

jQuery的自动完成类菜单建议值的文本字段。用户可以直接点击进入到该领域,或使用向上和向下箭头键,选择一个值,使用Tab键浏览列表。

在线演示

26. 基于Ajax的多选jQuery的自动完成控制 ASP.Net



在线演示

27. 自动提示jQuery插件

自动提示jQuery是一个轻量级的jQuery自动完成插件。您只需要编辑CSS文件进行自定义的外观的!您甚至可以使用,如果你想要的图像,只需添加到CSS文件中的相应行代码。

在线演示

28. PrimeFaces:jQuery的自动完成功能

支持多选择的自动完成功能

在线演示 Demo

29. WICK Web Input Completion Kit

WICK用JavaScript,DOM和CSS的Web标准,如在协助本地和远程数据源的表单UI元素,以方便文字输入。

在线演示

30. jQuery Sexy-Combo : 选择菜单,组合框的自动完成

Sexy Combo 是一个jQuery autocomple,取代下拉菜单的插件,然后一个更便于使用和易改变风格

在线演示

31. 雅虎和谷歌建议的jQuery搜索框



在线演示

32. Ajax JavaScript组合框的自动完成

dhtmlxCombo是一个跨浏览器的JavaScript组合框的自动完成功能。它扩展了基本的选择框的功能,并提供建议,当用户在文本字段中显示的能力。从现有的HTML选择的情况下,dhtmlxCombo可以被转换,或填充用JavaScript。使用Ajax数据加载,它可以动态地从服务器的数据源得到的值的列表。


33. javascript的自动完成功能

本教程介绍了简单的自动完成功能的JavaScript库。对于每一个文本输入,功能准备URL,并显示从服务器返回的答案弹出。弹出如下图所示的输入字段输入字段的确切宽度。


相关链接

源码下载在线演示

版权所有

文章作者:HTML我帮您
文章标题:30+最佳Ajax jQuery的自动完成插件的例子
本文地址:http://www.html580.com/6250
版权所有:转载时必须以链接形式注明作者和原始出处!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: