`

jQuery AutoComplete 自动补全

阅读更多

jQuery.AutoComplete是一个基于jQuery的自动补全插件。借助于jQuery优秀的跨浏览器特性,可以兼容Chrome/IE/Firefox/Opera/Safari等多种浏览器。

特性一览:

  • 支持补全列表的宽度设定。
  • 支持补全列表的最大高度设定。
  • 支持补全列表的行数限制。
  • 支持补全列表的显示位置及方向的设定。
  • 支持自定义匹配规则。
  • 支持匹配文本的渲染。
  • 支持自定义匹配文本的渲染样式。
  • 支持补全列表的样式设定。
  • 支持自定义补全列表项的创建。
  • 支持多种数据源。
  • 支持'json'和'xml'两种数据格式。
  • 支持异步处理。
  • 支持错误调试。
  • 支持jQuery1.7.1+。

  • github

在线实例

实例预览 自动补全基本实例

实例预览 自动补全功能实例

参考手册 jQuery.AutoComplete API文档

引入文件

  1. <script type="text/javascript" src="jquery1.8.3.min.js"></script>
  2. <link rel="stylesheet" type="text/css" href="jquery.autocomplete.css">
  3. <script type="text/javascript" src="jquery.autocomplete.min.js"></script>
复制

使用方法

  1. <input type="text" id="down" value="e"></input>
复制
  1.  $('#down').AutoComplete({
  2.     'data': ['One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine', 'Ten', 'Eleven', 'Twelve'],
  3.     'itemHeight': 20,
  4.     'width': 280
  5. }).AutoComplete('show');
复制

 

1
0
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    jquery autocomplete自动补全功能实现

    其中一个非常实用的功能就是jQuery的Autocomplete,这个功能为用户提供了自动补全输入的能力,大大提升了用户体验。本文将深入探讨如何利用jQuery实现自动补全功能,特别是针对邮箱、城市和中文的自动补全场景。 ...

    jquery的autocomplete(自动补全)插件

    **jQuery的Autocomplete插件**是用于实现网页输入框自动补全功能的一种高效解决方案,它极大地提升了用户体验,尤其是在用户需要从大量数据中选择时。这个插件是基于jQuery库的,因此,首先需要确保在项目中引入了...

    C# jqeury.autocomplete实现自动补全功能

    利用jquery.autocomplete.js插件实现了文本框自动补全的功能, 附件包含两个实例代码,均以txt文档显示,都有前台和后台代码。一个是传一个参数,一个是传两个参数,后台以一般处理程序ashx文件编写。大家只需要修改...

    jQuery文本框联想补全自动完成插件

    jQuery文本框联想补全自动完成插件是一款非常实用的前端开发工具,它可以帮助开发者在网页的输入框中实现智能联想和自动补全功能。这个插件基于JavaScript库jQuery构建,因此,使用它之前需要确保项目中已经引入了...

    jQuery实现自动补全功能

    jQuery的自动补全功能主要依赖于其丰富的插件生态系统,其中一个著名的插件是`jQuery UI Autocomplete`。这个插件提供了强大的功能,包括异步数据源支持、多种回调函数以及自定义模板等功能。 首先,我们需要在项目...

    jquery文本框自动补全ajax autocomplete 完整实例

    在本文中,我们将深入探讨如何使用jQuery实现一个基于Ajax的文本框自动补全功能,以及相关的`autocomplete`插件的完整实例。这个功能在许多Web应用程序中非常常见,它能够提高用户输入的效率和用户体验。 首先,让...

    jQuery Autocomplete例子,自动补全功能

    jQuery Autocomplete是jQuery UI库中的一个强大组件,它为用户提供了在输入框中输入文本时的自动补全功能。这个功能极大地提升了用户体验,尤其是在需要用户输入特定关键字或从大量数据中选择的情况下。让我们深入...

    jquery自动补全插件(jquery autocomplete)

    jQuery AutoComplete 是一个非常流行的前端插件,它为输入框提供了自动补全的功能,极大地提升了用户在网页上的输入体验。这个插件基于 jQuery 库,因此,使用前需要先引入 jQuery。AutoComplete 的主要功能是根据...

    autocomplete自动补全

    `jQuery Autocomplete` 是一个非常实用的功能,它能够为用户在输入框中提供动态的建议或自动补全,极大地提升了用户体验。这个功能是基于 jQuery UI 库中的 `Autocomplete` 组件实现的,它能够与多种数据源(如数组...

    autoComplete 自动补全 支持中文补全 中间字查询

    在IT领域,自动补全(AutoComplete)是一种常见的功能,广泛应用于搜索引擎、文本编辑器、编程IDE等场景,极大地提高了用户输入效率。本篇将详细探讨`autoComplete`功能,特别是支持中文补全和中间字查询的技术实现...

    jqueery.autocomplete自动补全js+css

    jQuery Autocomplete是一款非常流行的JavaScript插件,用于实现输入框的自动补全功能。这个插件是基于jQuery库构建的,可以极大地简化网页中输入框的交互设计,提高用户体验。在给定的压缩包中,包含了以下三个核心...

    jquery文本框自动补全完整实例 ajax autocomplete

    本实例将深入探讨如何使用jQuery实现一个基于Ajax的文本框自动补全功能,即"autocomplete"。Ajax(Asynchronous JavaScript and XML)技术允许在不刷新整个页面的情况下与服务器进行异步数据交换,使得用户体验更加...

    jquery实现自动补全

    自动补全(AutoComplete)功能的核心原理是监听用户在输入框中的输入事件,然后根据输入内容实时查询后台数据库或预定义的数据源,获取匹配的建议列表,并将其显示在输入框下方。这个过程涉及到的主要技术点包括: ...

    Jquery实现Google自动补全效果

    **jQuery实现Google自动补全效果** 在Web开发中,用户输入的实时提示功能,也称为自动补全(Autocomplete)或智能搜索,极大地提升了用户体验。本篇将介绍如何使用jQuery库来实现类似Google搜索那样的自动补全效果...

    autocomplete自动补全的例子jsp

    综上所述,本示例中的"autocomplete自动补全的例子jsp"展示了如何在JSP项目中结合jQuery UI的Autocomplete插件,实现实时的搜索建议功能。通过前后端的协同工作,我们可以为用户提供便捷的输入体验,提升项目的整体...

    高级jQuery自动补全插件

    **jQuery自动补全插件详解** 在Web开发中,用户界面的交互性和便捷性是提升用户体验的关键因素之一。其中,自动补全功能是一项常见的需求,它可以在用户输入时提供预测建议,大大加快输入速度,降低错误率。jQuery...

    jquery自动补全示例。包括后台,中文乱码解决JS

    **jQuery自动补全插件详解** jQuery 自动补全插件是一种常见的前端开发工具,它为用户在输入框中提供动态建议,提高了用户体验,尤其在处理大量数据输入时显得尤为重要。本示例将涵盖如何使用jQuery实现自动补全...

    jquery -autocomplete(jquery 自动补全)

    `jQuery UI` 的 `Autocomplete` 插件是一款强大的自动补全功能组件,它为用户在输入框中输入文本时提供实时的建议列表,极大地提高了用户界面的交互性和效率。这个插件是基于流行的 JavaScript 库 `jQuery` 和其扩展...

    jQuery自动补全示例

    本示例为jquery自动补全的示例,其中包括两部分,第一是在本地构造的json格式的数据供自动补全用,第二是从后台将数据处理成json格式,jquery通过ajax请求后台的json数据,其中还有处理autocomplete不支持中文的方法...

    jquery文本框自动补全ajax autocomplete

    `jQuery UI`是jQuery的一个扩展库,提供了一系列的用户界面组件,其中包括`Autocomplete`功能,这个功能用于实现文本框的自动补全效果。在本篇中,我们将深入探讨如何使用jQuery和jQuery UI的Autocomplete功能,以及...

Global site tag (gtag.js) - Google Analytics