下拉复选框基本使用

关于下拉复选框插件的基本使用

最近要实现下拉复选功能，网上很多插件类似，太多。各大佬说法不一致，经常搞得小弟很头疼

以下总结简单使用

1.基于jQuery

2.插件js bootstrap-select.js

3.插件基本样式 bootstrap-select.css

html ：

<select id="first_select" class="selectpicker first bla bla bli" multiple data-live-search="true" data-title="请选择">
    <option>cow</option>
    <option>bull</option>
    <option>ASD</option>
    <!-- <option selected>Bla</option> -->
    <option>Ble</option>
    </optgroup>
  </select>

一个不用给id ，如果页面同时几个多选加id为标志，标签上的属性就不说了，一个是否可搜索 

赋值：

$("#first_select").selectpicker('val',['ASD','bull']).selectpicker('refresh')

以数组形式赋值给标签，此时赋值成功但是页面上不会有打√ 的体现，此时再使用refresh 其作用就是刷新视图

取值：

$("#first_select").val()

返回选项数组

事件：

改变事件：

$('.selectpicker').on('change bs.select', function (e) {
    //alert($("#first_select").val())
      // do something...
    });    

简单笔记！~~

另外推荐参考链接：

参数说明 http://www.mamicode.com/info-detail-1747285.html

实例 https://www.cnblogs.com/landeanfen/p/7457283.html#_label2_0

代码文件地址：https://files.cnblogs.com/files/wangdrama/bootstrapselectpicker.rar