html input输入框的自动关联功能
2014-03-19 18:22
274 查看
jquery 插件jquery.autocomplete.js 提供了输入框的一个自动补全的功能
需要在html中引用两个文件 jquery.autocomplete.js , jquery.autocomplete.css
本地数据源的一个例子:
var date1 = ['haha','heh','bb','cc','dd'];
$(function(){
$('#gameId').autocomplete(date1, {
max: 12, //列表里的条目数
minChars: 1, //自动完成激活之前填入的最小字符
width: 400, //提示的宽度,溢出隐藏
scrollHeight: 300, //提示的高度,溢出显示滚动条
matchContains: true, //包含匹配,就是data参数里的数据,是否只要包含文本框里的数据就显示
autoFill: false //自动填充
}
)
});
需要在html中引用两个文件 jquery.autocomplete.js , jquery.autocomplete.css
本地数据源的一个例子:
var date1 = ['haha','heh','bb','cc','dd'];
$(function(){
$('#gameId').autocomplete(date1, {
max: 12, //列表里的条目数
minChars: 1, //自动完成激活之前填入的最小字符
width: 400, //提示的宽度,溢出隐藏
scrollHeight: 300, //提示的高度,溢出显示滚动条
matchContains: true, //包含匹配,就是data参数里的数据,是否只要包含文本框里的数据就显示
autoFill: false //自动填充
}
)
});
相关文章推荐
- libxml的使用(3)--编辑节点
- 认识XHTML
- 使用HtmlAgilityPack解析html
- CHtmlView-MFC中文手册
- 使用freemarker生成html、doc文件【原创】
- 常用正则表达式大全!(例如:匹配中文、匹配html)
- HTML from 表单提交请求到servlet 实例
- HTML特殊字符编码大全
- 门户站点用html或shtml文件格式的原因
- HTML特殊字符编码对照表
- Html=>Head=>meta
- DTD和schema的理解
- [转]读写html文件的函数和读写xml文件的函数
- HTML学习笔记
- .NET过滤html标签
- html复选框的全选的实现
- 移除Remove Microsoft Word HTML Tag
- 浏览器加载和渲染html的顺序
- HTML 5 简介
- MVC 在控制器中获取某个视图动态的HTML代码