基本版本:3.3.7
1许蓖、基本引入
bootstrap-select.min.js、bootstrap-select.min.css
2炊林、頁面組件
? ??<select id="dept" class="selectpicker show-tick form-control"
data-live-search="true" data-live-search-placeholder="請選擇部門">
? ??<select id="user"
class="selectpicker show-tick form-control"
data-live-search="true" multiple="multiple"
data-live-search-placeholder="請選擇用戶">
</select>
備注:multiple 是多選米间,可以選擇多個用戶
$('#user').selectpicker('refresh'); //刷新
$.ajax({
type : 'GET',
url : "getDept",
success : function(result) {
for (var i=0;i<result.length;i++) {
$('#deptLeader').append('<option id="'+i+'" value="'+result[i].id+'">'+result[i].name+'</option>')
}
$('#dept').selectpicker('refresh');?
$('#dept').selectpicker('render');
},
dataType : "json"
});