`

jquery Autocomplete(类似百度搜索框)

 
阅读更多

1. jQuery Autocomplete Mod

 

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

 

 

2. AutoComplete-JQuery

 

jQuery插件易于集成到现在的表单中(Form)。

 

 

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功能。

 

 

 

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页面。

 

 

8. ddcombobox

 

带AutoComplete功能的下拉选择框jQuery插件。


 

主页:http://simpletutorials.com/?path=tutorials/javascript/jquery/ddcombobox
下载:http://simpletutorials.com/tutorials/javascript/jquery/ddcombobox/jquery.ddcombobox.zip
DEMO:http://simpletutorials.com/?path=tutorials/javascript/jquery/ddcombobox

 

 

9.  jSuggest

 

模仿Google Suggest功能的AutoComplete jQuery插件。

 

 

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。


search-suggestion.jpg

 

主页: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。

acombobox.jpg

 

 

14. Tokenizing Autocomplete Text Entry

 

一个jQuery插件能够让用户从一个预设的列表中,选择多个项目。并提供Autocompletion功能来帮助用户搜索项目。支持通过CSS控制和定 制布局。能够缓存搜索结果减少服务器加载次数。支持用鼠标或键盘来选择项目。提供平滑的动画数据加载效果。


Tokenizing.jpg
Tokenizing_Autocomplete_Tex.jpg

 

主页: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/tokeninput/demo.html

分享到:
评论

相关推荐

    jquery Autocomplete 仿百度搜索 只能搜索提示

    本项目以"jQuery Autocomplete 仿百度搜索 只能搜索提示"为主题,旨在通过ASP.NET平台,构建一个类似于Google搜索的实时提示功能,并提供了完整的源码和数据库支持。 首先,jQuery Autocomplete是jQuery UI库中的一...

    Jquery AutoComplete组件+Ajax实现搜索框输入提示功能小记

    ### Jquery AutoComplete组件+Ajax实现搜索框输入提示功能详解 #### 前言 在当前Web应用开发中,提供良好的用户体验是至关重要的。本文主要介绍如何使用Jquery AutoComplete组件与Ajax技术来实现搜索框的实时输入...

    jquery autocomplete dwr结合 修改Data

    这个功能常见于搜索框、地址输入和推荐系统中。Autocomplete的实现通常涉及以下步骤: 1. 初始化:在HTML页面中添加一个文本输入框,并通过jQuery选择器找到它。 2. 配置:设置Autocomplete的选项,如数据源、匹配...

    jquery表单制作text文本框autocomplete智能搜索提示框效果

    本篇文章将详细讲解如何利用jQuery实现一个text文本框的autocomplete智能搜索提示框效果,这对于创建类似百度搜索框的用户体验至关重要。 首先,我们需要理解jQuery的核心概念。jQuery是一个轻量级的JavaScript库,...

    jquery autocomplete 动态补全例子有说明ajax加载

    这个功能在许多Web应用中被广泛使用,如搜索框、表单输入等。在给定的“jquery autocomplete 动态补全例子”中,我们将探讨如何实现这一功能,特别关注如何通过AJAX加载JSON数据。 **jQuery Autocomplete基本原理**...

    jquery autocomplete js 文件

    这个插件基于 jQuery 库,使得在网页中实现类似百度搜索框那样的动态下拉建议变得简单易行。在本篇文章中,我们将深入探讨如何使用和配置 jQuery Autocomplete 插件,以及其背后的核心概念。 ### 1. jQuery ...

    jquery autocomplete中文文档

    jquery-autocomplete搜索框自动完成的中文文档,上手快,轻便,功能强大

    Jquery AutoComplete

    例如,在电商网站的商品搜索框中,用户输入商品名称的一部分,插件就能即时显示匹配的商品列表,方便用户快速找到目标商品。 ### 总结 `jQuery AutoComplete` 是一个强大且灵活的前端组件,它简化了网页自动补全...

    jquery.autocomplete.js资源压缩包下载

    5. **实际应用**:在实际项目中,`jquery.autocomplete.js`常用于搜索框、表单输入等场景。它不仅可以提高用户的输入效率,还能帮助收集用户的行为数据,为产品优化提供参考。 在压缩包`jQuery-Autocomplete-master...

    jQuery Autocomplete

    jQuery Autocomplete 不仅限于搜索框,还可以用于表单字段的自动填充、产品推荐、地址自动补全等多种场景,尤其是在需要快速、智能地提供用户可能感兴趣的信息时。 综上所述,jQuery Autocomplete 是一个强大的工具...

    jquery自动补全插件(jquery autocomplete)

    AutoComplete 的主要功能是根据用户输入的字符动态加载并显示匹配的数据,通常用于搜索框或者表单填充等场景。 ### 1. 安装与引入 在项目中使用 jQuery AutoComplete 首先需要引入 jQuery 和 AutoComplete 的 ...

    Jquery AutoComplete 使用demo

    jQuery AutoComplete 是一个非常流行的 jQuery 插件,它为输入框提供了自动补全的功能,广泛应用于网页表单、搜索框等场景,以提高用户体验。这个插件允许开发者从本地数组或通过异步方式从服务器获取数据,实现动态...

    jquery Autocomplete

    这个功能在网页表单中非常常见,可以极大地提升用户体验,尤其是处理大量数据时,如搜索框、地址输入等。jQuery Autocomplete是jQuery UI库的一个组件,它允许用户通过输入部分文本来快速匹配并选择一个预定义的列表...

    Jquery AutoComplete的使用方法实例

    jQuery AutoComplete 是一个非常流行的 jQuery 插件,它为输入框提供了自动补全功能,常用于搜索框、表单输入等场景,极大地提升了用户体验。本篇将详细介绍如何使用 jQuery AutoComplete 实现这一功能,并提供一个...

    jquery autocomplete可输入检索下拉框

    这个功能常见于搜索框、地址填写、选择项过滤等场景,极大地提升了用户体验。下面将详细解释jQuery Autocomplete的工作原理、实现方法以及与Ajax的结合使用。 首先,jQuery Autocomplete 是基于 jQuery 库的一个...

    php+jquery仿百度搜索提示框autoComplete

    "php+jquery仿百度搜索提示框autoComplete"是一个示例项目,它利用PHP和jQuery技术实现了类似百度搜索引擎的自动补全功能。这个功能允许用户在输入关键词时,系统会实时地根据已有的数据提供匹配的建议,从而加速...

    jquery autocomplete实现框输入提示

    jQuery Autocomplete 是一个强大的组件,广泛应用于网页上的输入框,可以为用户提供实时的搜索建议或自动补全功能。这个组件通过与后端服务器进行异步通信(通常使用 AJAX 技术)来获取数据源,并在用户输入时动态...

    Jquery autocomplete插件使用

    jQuery Autocomplete插件是jQuery UI库中的一个组件,它提供了搜索框自动补全的功能,极大地提高了用户输入的效率和体验。这个插件可以根据用户输入的字符动态地从服务器或者本地数据源获取匹配项,并在输入框下方...

    利用Jquery.AutoComplete插件及微软提供的ChineseConverter.dll实现汉字、拼音、简拼模糊搜索

    本教程将详细介绍如何结合Jquery.AutoComplete插件和微软的ChineseConverter.dll库,实现在网页上进行汉字、拼音和简拼的模糊搜索功能。 首先,Jquery.AutoComplete是jQuery UI库中的一个组件,它能为输入框添加...

Global site tag (gtag.js) - Google Analytics