码迷,mamicode.com
首页 > Web开发 > 详细

jQuery completer 自动输入提示

时间:2016-07-20 09:10:02      阅读:424      评论:0      收藏:0      [点我收藏+]

标签:

在线实例

实例演示

使用方法

  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

 

jQuery completer 自动输入提示

标签:

原文地址:http://www.cnblogs.com/androidshouce/p/5686998.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!