在这篇文章中,我们将介绍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
版权所有:转载时必须以链接形式注明作者和原始出处!

30+最佳Ajax jQuery的自动完成插件的例子的更多相关文章

  1. jQuery图片自动添加水印插件

    JS脚本(jQuery)为图片加水印效果预览:http://hovertree.com/texiao/jquery/94/ 本功能使用HTML5实现,可为图片加上文字水印,可设置文字,设置颜色,位置等 ...

  2. 16款最佳的 jQuery Time Picker 时间选择插件

    jQuery 插件可以为你做许多事情,你可以很容易地把这些插件集成到您的网站.网络上的 jQuery 日期选择器和日历插件很多,但找不到很满意的时间选择器插件. 在这里,我们收集了最好的一组 jQue ...

  3. 使用jQuery Autocomplete(自动完成)插件

    jQuery 的Autocomplete(自动完成.自动填充)插件有不少,但比较下来我感觉,还是bassistance.de 的比较强大,我们就来写一些代码感受一下. 最简单的Autocomplete ...

  4. 30款基于 jQuery & CSS3 的加载动画和进度条插件

    我们所生活每一天看到的新技术或新设计潮流的兴起,Web 开发正处在上升的时代.HTML5 & CSS3 技术的发展让 Web 端可以实现的功能越来越强大. 加载动画和进度条使网站更具吸引力.该 ...

  5. jQuery可自动播放动画焦点图插件Koala

    Koala是一款简单而实用的jQuery焦点图幻灯片插件,焦点图不仅可以在播放图片的时候让图片有淡入淡出的动画效果,而且图片可以自动播放.该jQuery焦点图的每一张图片都可以设置文字描述,并浮动在图 ...

  6. 提升用户体验的最佳免费 jQuery 表单插件

    网页表单是一个老生常谈的话题.出于这样或那样的目的,一些示例中都会包括用户注册,电子商务结算,用户设置甚至联系人表格.而输入栏是非常容易用现代的CSS3技术来应用样式.但是到底什么决定整体用户体验? ...

  7. 推荐15款最佳的 jQuery 分步引导插件

    当用户浏览到一个网站,它可能从不知道如何浏览,如何操作网站或 Web 应用程序的内容和流程.在这篇文章中,我们编制了一些最好的 jQuery 引导插件列表.你会发现这些插件对于提高你的网站的整体用户体 ...

  8. GBin1插件推荐之马可波罗(Marco Polo),jQuery的自动补齐插件 - Autocomplete Plugin

    让我们Google一下"jQuery autocomplete plugin"(jquery自动补齐插件).在过去的4年中,我已经Google了很多次这个组合了.然而结果并没有变化 ...

  9. 弹窗中使用jquery ui的autocomplete自动完成插件无效果 实际是被遮挡了

    在普通页面上使用jquery ui的autocomplete自动完成插件时正常显示提供选择的下拉框,但是放到弹窗中的时候就无法显示这个选择的下拉框,其它效果正常: 估计是被弹出窗遮挡了,网络搜索了jq ...

随机推荐

  1. 保存网页MHT

    uses ADODB_TLB, CDO_TLB, ComObj,MSHTML;{$R *.dfm}{能把网页如 WWW.QQ.COM保存为一个单文件 .MHT但不能把一个 A.HTM 保存为一个单文件 ...

  2. Java大数类介绍

    java能处理大数的类有两个高精度大整数BigInteger 和高精度浮点数BigDecimal,这两个类位于java.math包内,要使用它们必须在类前面引用该包:import java.math. ...

  3. 直接通过浏览器打开Android App 应用

    点击浏览器中的URL链接,启动特定的App. 首先做成HTML的页面,页面内容格式例如以下: <a href="[scheme]://[host]/[path]?[query]&quo ...

  4. Android开发学习之LauncherActivity开发启动的列表

    Android开发学习之LauncherActivity开发启动的列表 创建项目:OtherActivity 项目运行结果:   建立主Activity:OtherActivity.java [jav ...

  5. Linux下搭建Oracle11g RAC(5)----配置ASM磁盘

    将共享磁盘格式化.然后用asmlib将其配置为ASM磁盘,用于将来存放OCR.Voting Disk和数据库用. 注意:只需在其中1个节点上格式化就可以,接下来我们选择在node1节点上格式化. 这里 ...

  6. Android(java)学习笔记171:Service生命周期

    1.Service的生命周期         Android中的Service(服务)与Activity不同,它是不能和用户交互,不能自己启动的,运行在后台的程序,如果我们退出应用的时候,Servic ...

  7. Migration of ASP.NET app from IIS6 to IIS7 (7.5)

    For many of us familiar problem. You developing applications under IIS6 and you're about to move the ...

  8. Chrome浏览器离线下载地址(Stable/Beta/Dev)

    最新稳定版:https://www.google.com/intl/zh-CN/chrome/browser/?standalone=1 最新测试版:https://www.google.com/in ...

  9. PL/SQL Developer 远程连接Oracle数据库

    PL/SQL Developer 远程连接Oracle数据库 网上搜了很多方法,这个可行! 1.    配置服务器tnsnames.ora文件,如果本机上没有安装oracle,可以从安装了oracle ...

  10. HTML+CSS基础学习笔记(5)

    一.文字排版--字体 Eg: body{font-family:"宋体";} body{font-family:"Microsoft Yahei";}//微软雅 ...