下拉復選框基本使用

關於下拉復選框插件的基本使用

最近要實現下拉復選功能，網上很多插件類似，太多。各大佬說法不一致，經常搞得小弟很頭疼

以下總結簡單使用

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