下拉列表多选：bootstrap-select.js控件，⽀持下拉多选搜索，N种样式
阅读⽬录
⼀、组件开源地址以及API说明
⼆、组件效果⽰例
jquery是什么功能组件三、使⽤⽰例
1、基础⽰例
2、其他效果⽰例
3、组件取值赋值
4、组件其他⽤法
5、组件封装
四、源码下载
五、总结
正⽂
前⾔：之前分享过两篇bootstrap下拉框的组件：JS组件系列——两种bootstrap multiselect组件⼤⽐拼 和 JS组件系列——Bootstrap Select2组件使⽤⼩结 ，收到很多园友的关注和提问，最后总结这两篇⾥⾯的下拉框组件都存在⼀些⼤⼤⼩⼩的问题，⽐如两种bootstrap mutiselect组件，界⾯渲染效果略差；再⽐如select2⼀些兼容性问题、多选的取值赋值等问题都困扰着博主以及很多园友，项⽬⾥⾯的下拉框很早就替换为今天介绍的这款组件，所以今天介绍给⼤家，让⼤家多⼀个选择也好！感谢⼤家的持续关注！
说点题外话。本来这篇早就准备写了，不料最近项⽬准备⾛前端化开发路线，可忙坏博主了，⼀时间，Node.js、npm、webpack、react、react-router、ant.design等等技术都得学呀，脑⼦真是个好东西，能够⼀下⼦容纳这么多新知识，虽然各种不适应，但时间⼀长就慢慢习惯了，所幸博主经常关注这⽅⾯的技术，所以学起来并没有那么吃⼒。关于vue和react，很多友都讨论过它们的优势和劣势，其实博主觉得说不上哪个组件更优，关键得看项⽬适应哪种⽣态，我们选⽤react很⼤⼀部分原因就是看中了ant.design的效果和丰富的组件库。好了，再说就跑题了，以后博主分享搭建前端环境的时候再来细说。
⼆、组件效果⽰例⼀睹初容
多选效果
可配置搜索功能
分组选中
设置最多选中项为2个
⾃定义说明Title，⽐如我们定义为“请选择省份”
某些情况下如果多选的数量⽐较多，我们可以显⽰“缩略模式”。⽐如当选择了两项以上的时候
⾃定义样式
显⽰图标加⽂字
显⽰带颜⾊的标签
展开最多显⽰可配置的个数，不如最多显⽰3项
全选和反选
以上都是些常⽤功能，更多效果可以查看官⽅⽰例！
三、使⽤⽰例
1、基础⽰例
既然是bootstrap-select，组件肯定是依赖bootstrap的，⽽bootstrap⼜是依赖jquery的，所以使⽤组件必须引⽤如下⽂件。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。