首页 > Web开发 > 详细

jQuery completer 自动输入提示

时间:2016-07-22 02:14:44      阅读:307      评论: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://zaixianshouce.iteye.com/blog/2312291

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!