`

jquery插件之--autocomplete

 
阅读更多
jQuery.Autocomplete 能够很好的实现输入框的自动完成(autocomplete)、建议提示(input suggest)功能,支持ajax数据加载。


[options]里的参数:

minChars表示在自动完成激活之前填入的最小字符,这里我们设置为0,在我们双击文本框,不输入字符的时候,就会把数据显示

autoFill表示自动填充,就是在文本框中自动填充符合条件的项目

mustMatch表示必须匹配条目,也就是在文本框里输入的内容,必须是data参数里的数据,如果不匹配,文本框就被清空

matchContains表示包含匹配,就是data参数里的数据,是否只要包含文本框里的数据就显示

使用本地数据:
$(".grid-dcbis-inputacc").autocomplete(['12','13','56','yyyt'], {
                minChars: 0,//自动完成激活之前填入的最小字符 
                max: 12,//列表里的条目数 
                autoFill: true,//自动填充 
                mustMatch: true,
                matchContains: false,//包含匹配,就是参数里的数据,是否只要包含文本框里的数据就显示 
                scrollHeight: 220////提示的高度,溢出显示滚动条 
        });


http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
http://jquery-plugins.bassistance.de/autocomplete/demo/
分享到:
评论

相关推荐

    jquery插件jquery-ui-1.8.2.custom.min.js

    《jQuery UI与jQuery插件深度解析——以jquery-ui-1.8.2.custom.min.js为例》 在Web开发领域,jQuery库以其简洁易用的API和强大的功能深受开发者喜爱。而jQuery UI作为jQuery的一个扩展,提供了丰富的用户界面组件...

    jQuery-autoComplete-1.8.22代码例子

    《jQuery-autoComplete-1.8.22代码详解与应用》 jQuery-autoComplete是一款非常实用的前端插件,主要用于实现输入框的自动补全功能,它极大地提升了用户体验,尤其是在处理大量数据时,使得用户能够快速找到所需...

    jQuery-Autocomplete-master.rar

    综上,"jQuery-Autocomplete-master"压缩包提供的实例,不仅展示了如何使用jQuery Autocomplete插件实现自动补全功能,还涵盖了本地和远程数据源的处理,对于前端开发者来说,这是一个很好的学习和实践资源。

    jquery插件-autocomplete

    **jQuery Autocomplete插件详解** 在前端开发中,jQuery库为我们提供了丰富的功能和简便的API,使得网页交互变得更加便捷。而jQuery Autocomplete插件则是一个非常实用的工具,它能够帮助用户在输入框中实现自动...

    jQuery plugin for autocomplete - jQuery自动完成插件

    jQuery plugin for autocomplete - jQuery自动完成插件

    jQuery-Autocomplete-exaples.rar

    `jQuery-Autocomplete-master` 文件夹可能包含了插件的完整源码和示例页面,供开发者更深入地理解和定制。 ### 4. 实战应用 jQuery Autocomplete 可以用于各种场景,如搜索框、地址输入、产品推荐等。通过自定义 `...

    带数据库的 jquery-autocomplete-php

    【标题】"带数据库的 jquery-autocomplete-php" 涉及到的是一个使用jQuery库实现的自动补全功能,结合PHP和MySQL数据库来提供动态搜索建议。jQuery UI的Autocomplete插件是这个功能的核心,它允许用户在输入框中输入...

    前端项目-jquery.devbridge-autocomplete.zip

    【标题】"前端项目-jquery.devbridge-autocomplete.zip" 是一个专门用于前端开发的自动完成功能包,基于jQuery库构建。它旨在帮助用户在输入框中键入文本时,实时提供相关的建议列表,提高用户体验并加快输入速度。 ...

    jQuery-Autocomplete-master

    jQuery Autocomplete 是基于 jQuery 库的一个插件,它提供了一个简单的接口,允许开发者快速地为输入框添加自动提示功能。这个插件可以从用户输入的字符中匹配预定义的数据集,并在输入框下方显示匹配结果。它不仅...

    JQUERY插件--ajax搜索

    `jquery.autocomplete-1.4.2.js` 文件是一个 jQuery 的自动补全插件,它为输入框提供了搜索建议功能,实现了基于 Ajax 的实时搜索。以下是如何使用该插件的基本步骤: 1. **引入插件**:在 HTML 页面中引入 jQuery ...

    jquery-autocomplete

    `jQuery-autocomplete` 是一个基于 jQuery 的开源插件,用于实现自动补全功能。这个插件使得在网页表单输入框中快速、高效地提供下拉建议变得简单易行,提高了用户界面的交互性和用户体验。它广泛应用于搜索引擎、...

    jquery的autocomplete(自动补全)插件

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

    jquery-ui-autocomplete.zip

    在写一个输入框提示内容的功能时,找到了jQuery autocomplete自动补齐这个插件,如获至宝,但是从网上下载后自己用起来总是出问题,原来他只匹配jQuery1.7以下的版本,但是我的其他插件要用jQuery3的版本,这时候就...

    Jquery插件的使用--AutoComplete

    在jQuery中,AutoComplete插件是一种常用的增强用户体验的工具,它允许用户在输入框中输入文字时,系统根据已有的数据提供实时的建议列表。这个插件尤其适用于搜索框、表单填充等场景,能够提高用户的输入效率和准确...

    Jquery插件的使用--AutoComplete.docx

    标题中的“Jquery插件的使用--AutoComplete”指的是jQuery中的一个插件——AutoComplete,它主要用于实现输入框的自动补全功能,提高用户输入的效率和体验。这个插件通常用于搜索框或者任何需要根据用户输入动态提供...

    jquery-ui-1.8.18.custom,jquery-ui-1.8.18.custom.min,jquery-1.7.1.min

    jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集,它提供了一系列可交互的组件,用于创建丰富的用户体验。在标题提及的 "jquery-ui-1.8.18.custom" 文件中,包含了完整的 jQuery UI 工具包,特别定制以...

    jquery Autocomplete插件,搜索自动完成

    jQuery plugin: Autocomplete 参数及实例 官网:jQuery plugin: Autocomplete 此插件依赖于 jquery 1.2.6 --- jquery 1.8.3 转自:http://www.cnblogs.com/duanhuajian/p/3398904.html

    jquery autocomplete下载.rar

    jQuery Autocomplete 是一个非常实用的插件,它为网页表单输入框提供了自动补全功能,极大地提升了用户体验。这个压缩包“jquery autocomplete下载.rar”包含了实现这一功能所需的基本文件,包括样式表、HTML 模板、...

    jquery-autocomplete 自动填充插件参数使用说明

    <input type="text" id="autocomplete-input"> ``` 然后,我们可以初始化Autocomplete插件,通过设置各种参数来定制其行为: 1. **source**:这是Autocomplete的核心参数,用于指定数据源。可以是一个函数、数组或...

    Jquery插件的使用--AutoComplete.pdf

    JQuery 的 AutoComplete 插件是一种增强用户体验的工具,它允许用户在输入文本时提供实时的下拉建议,通常用于搜索框或表单字段。在本文中,我们将深入探讨如何使用 AutoComplete 插件,并通过两种方式展示其实现...

Global site tag (gtag.js) - Google Analytics