首页 / JQUERY / jQuery completer 自动输入提示

jQuery completer 自动输入提示

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery completer 自动输入提示，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含841字，纯文字阅读大概需要2分钟。

内容图文

在线实例

实例演示

使用方法

  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

原文：http://zaixianshouce.iteye.com/blog/2312291

内容总结

以上是互联网集市为您收集整理的jQuery completer 自动输入提示全部内容，希望文章能够帮你解决jQuery completer 自动输入提示所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1277783.html

来源：【匿名】