欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

javascript实现下拉提示选择框_javascript技巧

程序员文章站 2022-04-12 12:11:31
...
本文介绍了select和sugget结合起来使用的例子,支持下拉的直接选择,也支持在下拉内容中输入过滤。
整体效果就是下面这样的:

javascript实现下拉提示选择框_javascript技巧

1、首先需要引入如下文件

这里要注意jquery要放在select2的前面。
2、一些实例

 
 
 
Document

这是单选例子

这是多选例子

这是可清除有提示例子

这是直接使用js对象初始化的例子

3、效果
效果1

javascript实现下拉提示选择框_javascript技巧

效果2

javascript实现下拉提示选择框_javascript技巧

还有一些其它的内容,比如果说支持通过ajax查找来填充,支持input等,想要了解更多内容的朋友请阅读相关文章。