`
shuai1234
  • 浏览: 972474 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

jquery.autocomplete 搜索自动补全插件

 
阅读更多

autoComplete接口相关配置选项的解释

* minChars (Number): 在触发autoComplete前用户至少需要输入的字符数.Default: 1

* delay (Number): 击键后激活autoComplete的延迟时间(单位毫秒).Default: 远程为400 本地10

* cacheLength (Number): 缓存的长度.即对从数据库中取到的结果集要缓存多少条记录.设成1为不缓存.Default: 10

* matchSubset (Boolean): autoComplete可不可以使用对服务器查询的缓存,作者举了个例子是如果缓存对foo的查询结果,那么如果用户输入foot就不需要再进行检索了,直接使用缓存,好处多多啊.通常是打开这个选项以减轻服务器的负担以提高性能.只会在缓存长度大于1时有效.Default: true

* matchCase (Boolean): 比较是否开启大小写敏感开关.使用缓存时比较重要.如果你理解上一个选项,这个也就不难理解,就好比foot要不要到FOO的缓存中去找.Default: false

* matchContains (Boolean): 决定是比较时是否要比较字符串内部查看匹配,如ba是否与foo bar中的ba匹配.使用缓存时比较重要.不要和autofill混用.Default: false

* mustMatch (Booolean): 如果设置为true,autoComplete只会允许匹配的结果出现在结果时,所有当用户输入的是非法字符时将会得不到下拉框.Default: false

* extraParams (Object): 为后台(一般是服务端的脚本)提供更多的参数.和通常的作法一样是使用一个键值对对象.如果传过去的值是{ bar:4 },将会被autocompleter解析成my_autocomplete_backend.php?q=foo&bar=4 (假设当前用户输入了foo). Default: {}

* selectFirst (Boolean): 如果设置成true,在用户键入tab或return键时autoComplete下拉列表的第一个值将被自动选择,尽管它没被手工选中(用键盘或鼠标).当然如果用户选中某个项目,那么就用用户选中的值. Default: true

* formatItem (Function): 首先要明白这个选项的值是一个函数的句柄或指针.函数的作用是为每个要显示的项目使用高级标签.即对结果中的每一行都会调用这个函数,返回值将用LI元素包含显示在下拉列表中. Autocompleter会提供三个参数: 返回的结果数组, 当前处理的行数(即第几个项目,是从1开始的自然数), 当前结果数组元素的个数即项目的个数. Default: none, 表示不指定自定义的处理函数,这样下拉列表中的每一行只包含一个值.

* formatResult (Function): 和formatItem类似,但可以将将要输入到input文本框内的值进行格式化.同样有三个参数,和formatItem一样.Default: none,表示要么是只有数据,要么是使用formatItem提供的值.

* multiple (Boolean): 是否允许输入多个值即多次使用autoComplete以输入多个值. Default: false

* multipleSeparator (String): 如果是多选时,用来分开各个选择的字符. Default: “,“

* width (Number): 指定下拉框的宽度. Default: input元素的宽度

* autoFill (Boolean): 要不要在用户选择时要不要自动将用户当前鼠标所在的值填入到input框.并在用户继续输入 Default: false

* max (Number): autoComplete下拉显示项目的个数.Default: 10

分享到:
评论

相关推荐

    jquery.autocomplete.js 自动补全插件实例

    在“jquery.autocomplete.js 自动补全插件实例”中,开发者可以利用此插件创建一个智能搜索或填写表单的功能。配合`jquery.autocomplete.css`,这个插件不仅提供了核心的自动补全逻辑,还确保了与页面其他元素的样式...

    jquery的autocomplete(自动补全)插件

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

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

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

    自动补全-jquery.autocomplete.js

    《自动补全-jquery.autocomplete.js》 在Web开发中,自动补全功能是一种非常实用且常见的用户体验优化手段。它通常被应用于搜索框、表单输入等场景,能够帮助用户快速找到并选择他们想要的选项,提高输入效率。在...

    jquery.autocomplete.js使用示例,可直接运行

    jQuery Autocomplete.js 插件是提高网页表单输入效率的好帮手,通过与Ajax的结合,能够轻松实现动态数据的自动补全功能。在实际开发中,可以根据具体需求灵活配置和扩展,以满足各种复杂场景。记得在使用过程中注意...

    jquery.autocomplete.js 自动补全

    jQuery autocomplete.js 是一个基于jQuery的轻量级插件,它允许开发者快速地为文本输入框添加自动补全功能。该插件通过监听用户输入,动态从服务器或本地数据源获取匹配项,并将这些匹配项展示为下拉列表,供用户...

    jquery.autocomplete.zip

    《jQuery.autocomplete自动提示插件详解》 在Web开发中,提供用户友好的输入提示功能是一种常见的需求,例如搜索引擎的自动补全、电子商务网站的商品搜索等。jQuery库为我们提供了丰富的插件来实现这一功能,其中`...

    [ jquery.autocomplete ]jquery的自动完成/补全插件(很好很强大)

    jQuery Autocomplete 是一个非常流行的 jQuery 插件,它为网页表单输入框提供了强大的自动完成或自动补全功能。这个插件极大地提升了用户在输入搜索关键词或填写数据时的体验,使得用户可以快速找到并选择所需的内容...

    jquery自动补全插件(jquery autocomplete)

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

    jquery.autocomplete 类包.rar

    这个类包“jquery.autocomplete.zip”包含了实现这一功能所需的两个核心文件:`jquery.autocomplete.css`和`jquery.autocomplete.min.js`,它们一起为开发者构建自动补全搜索框提供了强大的支持。 首先,我们来了解...

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

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

    jquery.autocomplete的js+css

    `jQuery.autocomplete` 是一个基于 jQuery 的插件,用于实现自动补全功能,它极大地简化了在网页上创建高效、动态的输入字段的过程。这个插件通常被用于搜索框,帮助用户快速找到他们想要的选项,提高用户体验。在这...

    ibatis +spring+struts2+jquery.autocomplete实现产品自动补全功能(二) 附带源码

    在本项目中,"ibatis +spring+struts2+jquery.autocomplete实现产品自动补全功能(二) 附带源码",我们探讨的是如何整合四大技术来创建一个高效且用户友好的Web应用程序,特别是在搜索框中实现产品名称的自动补全...

    jquery.autocomplete

    `jQuery Autocomplete` 是一个非常流行的 jQuery 插件,它为输入框提供了一个动态下拉建议的功能,让用户在输入时能够快速找到并选择匹配项。这个插件极大地提升了用户界面的交互性和用户体验,尤其在处理大量数据或...

    【JS相关插件】自动完成提示插件(jquery.autocomplete)

    "【JS相关插件】自动完成提示插件(jquery.autocomplete)" 这个标题指出了我们讨论的核心是JavaScript的一个插件,它主要用于实现自动完成或建议输入的功能。"jquery.autocomplete"是这个插件的名字,表明它是基于...

    jqueery.autocomplete自动补全js+css

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

    jquery autocomplete下载.rar

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

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

    首先,Jquery.AutoComplete是jQuery UI库中的一个组件,它能为输入框添加自动补全功能。通过此插件,用户在输入关键字时,系统可以实时给出与之相关的建议,从而简化用户的搜索操作。要使用Jquery.AutoComplete,你...

    jquery.validate.js jquery.metadata.js jquery.autocomplete.js jquery&UI; chm文档合集

    jQuery Validate用于表单验证,Metadata插件帮助提取DOM元素的元信息,Autocomplete提供了自动补全功能,而jQuery UI则提供了丰富的用户界面组件。掌握这些工具的使用,对于提高网页应用的交互性和用户体验具有重要...

    jquery.autocomplete 增加自定义查询方法

    `jquery.autocomplete`插件是jQuery的一个强大组件,它能够帮助我们实现智能提示和自动完成的功能。 首先,我们要理解`jquery.autocomplete.js`这个文件,它是实现自动补全功能的核心。这个插件允许开发者通过简单...

Global site tag (gtag.js) - Google Analytics