jQuery completer 自动输入提示

在线实例

实例演示

使用方法

1. <input type="text" id="auto-complete-email" class="input" placeholder="E-mail"/>
2. $("#auto-complete-email").completer({ 
3.     separator: "@", 
4.     source: ["163.com", "qq.com", "126.com", "139.com", "gmail.com", "hotmail.com", "icloud.com"] 
5. });

复制

参数详解

参数	描述	默认值
选项	说明	默认值
complete	当输入完成时触发	function() {}
itemTag	弹出展示面板中的列表元素标签	"li"
filter	过滤函数，当输入后会先过滤相关列表内容再展示列表	function(val) { return val; }
position	弹出列表面板相对输入框的位置，值有"top", "right", "bottom", "left".	"bottom"
source	将要自动补全展示的数据	[]
selectedClass	当弹出面板中的选项被选中时的样式	"completer-selected"
separator	分隔符，将输入的内容与建议自动完成的部分分隔，如@	""
suggest	如果设置成true，将会进入建议suggestion模式，将自动匹配所输入的内容	false
template	弹出面板的模板	"<ul class="completer-container"></ul>"
zIndex	弹出面板的css中的z-index值	1

---

下载