位置: 编程技术 - 正文
JS组件Bootstrap Select2使用方法详解(bootstrap js插件)
编辑：rootadmin推荐整理分享JS组件Bootstrap Select2使用方法详解(bootstrap js插件)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:js组件开发教程,bootstrap的组件,bootstrap js插件,Js组件的滚动条怎么操作,Js组件的滚动条怎么操作,javascript组件,Js组件的滚动条怎么操作,javascript组件,内容如对您有帮助，希望把文章链接给更多的朋友！
在介绍select组件的时候，之前分享过一篇JS组件中bootstrap multiselect两大组件较量的文章，这两个组件的功能确实很强大，本文分享下select组件的一些用法和特性。一些通用的单选、多选、分组等功能这里就不多做介绍了，multiselect这方面是强项。重点介绍下select2的一些特性效果：一、特性效果1、多选效果
可以设置最多只能选几个
2、图文结合的效果
3、远程搜索功能（即在用户输入搜索内容时动态去后台取数据）输入内容前
输入空格搜索出全部
滚动条滑动到底部自动加载剩余项
输入文本动态去后台过滤
更高级的用法如：
其实使用起来也不难，就是一个拼html的过程。
二、代码示例1、多选效果select2的多选很简单，设置一个属性就好了。
2、图文结合的效果
3、远程搜索功能（即在用户输入搜索内容时动态去后台取数据）
这里有要注意的一个地方就是processResults属性对应的方法有一个more属性用于是否分页显示的，这里的值要和你需要一次显示的值的条数匹配。
后台对应的方法如下：
上面说了这么多，那么我们在选中select2的选项之后如何取值和赋值呢？
1、获取选中的值
2、设置select2的选中值
如果大家还想深入学习，可以点击这里进行学习，再为大家附两个精彩的专题：Bootstrap学习教程 Bootstrap实战教程 Bootstrap插件使用教程
标签: bootstrap js插件
本文链接地址:https://www.jiuchutong.com/biancheng/382797.html 转载请保留说明！上一篇：基于JavaScript实现全屏透明遮罩div层锁屏效果(javascript运用)
下一篇：JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
![[置顶]
openGL学习笔记三 ： 绘制点、线以及多边形([置顶]马粥街残酷史)](/img.jpg)
