10个Ajax / jQuery自动完成教程/插件

今天我们分享您提供最好的Ajax和jQuery自动完成和自动提示教程和插件结合实例汇编。 人们这些天想即时搜索,为此,搜索像谷歌引擎正在做的只是这个。 请享用!

相关文章:

更新21/06/13:新增typahead.js,Magicsuggest,TimeDropdowns。
更新29/09/13:新增textextjs

typahead.js自动完成

快速和全功能自动完成库。
10个Ajax / jQuery自动完成教程/插件
来源+演示

Magicsuggest自动完成

高度灵活的自动提示在引导主题线组合框。
10个Ajax / jQuery自动完成教程/插件
来源+演示

TimeDropdowns自动完成

为更好的范围时下拉菜单:jQuery的时间自动完成。
10个Ajax / jQuery自动完成教程/插件
来源+演示


1. Ajax驱动的JavaScript组合框与自动完成

dhtmlxCombo是一个跨浏览器的JavaScript组合框与自动完成功能。 它扩展了基本的选择框功能,并提供以下功能显示的建议,同时在文本字段用户类型。


10个Ajax / jQuery自动完成教程/插件

来源+演示

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

了解如何在这个岗位创建雅虎谷歌建议搜索框。


10个Ajax / jQuery自动完成教程/插件

来源+演示

3. WICK网络输入完成套件

一个不断发展的框架,利用Web标准,如JavaScript,DOM和CSS这样便于在由本地和远程数据源的辅助形式的UI元素文本输入。 该框架努力保持低调,并保留窗体的语义和可访问性。


10个Ajax / jQuery自动完成教程/插件

资源
演示

4. PrimeFaces:jQuery的自动完成

对于PrimeFaces jQuery的自动完成多选功能一直是流行的请求,并与3.1,我们决定把它。 最初的实现是基于一个简单的输入文本和值用逗号分隔,但所以我们决定实现它的Facebook风格的它没有匹配PrimeFaces的凉意标准。


10个Ajax / jQuery自动完成教程/插件

资源
演示

5.基于AJAX的复选的jQuery自动完成控制在ASP.Net

在这里,我们将使用jQuery UI自动完成控制。 要使用AJAX获取数据,在这里我们将尝试ASP的处理程序。 使用处理程序对简单的asp.net页面是,如果我们使用ASPX页面,然后它会经过页(近1O)的所有阶段,而处理器比ASPX页面更快。


10个Ajax / jQuery自动完成教程/插件

来源+演示

6.自动提示/自动使用jQuery,AJAX,XML,PHP

jQuery的自动完成功能类增加了一个建议值被弹菜单的文本字段。 用户可以直接点击一个建议,它进入该领域,或浏览使用该名单和向下箭头键,选择使用Tab键的值。 您的建议列表中的值是提供的XML(由PHP脚本,或类似)。


10个Ajax / jQuery自动完成教程/插件

资源
演示

7. FCBKcomplete v 2.8.4

花式类似Facebook的带自动动态输入完整和预附加价值。 如果您有任何意见或要求,请发表它,我会尝试以包括即将发布的所有要求的功能。


10个Ajax / jQuery自动完成教程/插件

资源
演示

8.看中Apple.com风格的jQuery的搜索建议

请务必检查出的演示(或访问Apple.com)看到这真棒影响工作。 本示例使用的几种技术:MySQL的(数据库),HTML / CSS的样式,PHP检索数据和jQuery的AJAX请求。


10个Ajax / jQuery自动完成教程/插件

资源
演示

9. AJAX搜索推荐使用jQuery

要重新创建搜索建议功能,我们将使用jQuery和PHP的少量查询检索词的服务器。 为了让这两个脚本进行沟通,我们将充分利用AJAX的 - 通过含jQuery来PHP搜索词的字符串。


10个Ajax / jQuery自动完成教程/插件

资源
演示

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

这个jQuery Ajax的自动提示插件有一点点额外的灵活性通常的功能:你从自动提示需要插件,你可以做多的情况下,通过自定义参数,ID和值返回,键盘控制,和其他几个人......几乎所有的东西与内置的选择!


10个Ajax / jQuery自动完成教程/插件

资源
演示

11. jQuery的TextExt插件

TextExt为jQuery的插件,其被设计来提供功能,如标签的输入和自动完成功能。

10个Ajax / jQuery自动完成教程/插件
来源+演示

From: https://www.sitepoint.com//10-ajaxjquery-autocomplete-tutorial-examples/