jQuery AutoComplete 自动补全
jQuery.AutoComplete是一个基于jQuery的自动补全插件。借助于jQuery优秀的跨浏览器特性,可以兼容Chrome/IE/Firefox/Opera/Safari等多种浏览器。
特性一览:
- 支持补全列表的宽度设定。
- 支持补全列表的最大高度设定。
- 支持补全列表的行数限制。
- 支持补全列表的显示位置及方向的设定。
- 支持自定义匹配规则。
- 支持匹配文本的渲染。
- 支持自定义匹配文本的渲染样式。
- 支持补全列表的样式设定。
- 支持自定义补全列表项的创建。
- 支持多种数据源。
- 支持'json'和'xml'两种数据格式。
- 支持异步处理。
- 支持错误调试。
支持jQuery1.7.1+。
在线实例
实例预览 自动补全基本实例
实例预览 自动补全功能实例
参考手册 jQuery.AutoComplete API文档
引入文件
- <script type="text/javascript" src="jquery1.8.3.min.js"></script>
- <link rel="stylesheet" type="text/css" href="jquery.autocomplete.css">
- <script type="text/javascript" src="jquery.autocomplete.min.js"></script>
复制
使用方法
- <input type="text" id="down" value="e"></input>
复制
- $('#down').AutoComplete({
- 'data': ['One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine', 'Ten', 'Eleven', 'Twelve'],
- 'itemHeight': 20,
- 'width': 280
- }).AutoComplete('show');
复制
相关推荐
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17