欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery插件之--autocomplete

程序员文章站 2024-01-22 13:05:10
...
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/