bootstrap-select控件全選，全不選，查詢功能實作

先引入先在你的頁面引入 bootstrap-select.css 和 bootstrap-select.js

<link href="~/Content/plugins/bootstrap-select/bootstrap-select.min.css" rel="stylesheet" />
      

<script src="~/Content/plugins/bootstrap-select/bootstrap-select.min.js"></script>      

<select class="selectpicker form-control" data-none-selected-text="全部" multiple data-actions-box="true" data-live-search="true">

</select>      

隻要在<select>控件裡加入

multiple:多選

data-actions-box="true"：全選，全不選

data-live-search="true"：查詢

data-none-selected-text="全部"：未選中時顯示

data-max-options="20"：最多可選條數

selectpicker：自定義的class名用于 selectpicker配置

$(".selectpicker").selectpicker("refresh");