你的位置:首页 > Java教程

[Java教程]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 ></ul>"
zIndex弹出面板的css中的z-index值1

下载