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");