Bootstrap-select使用

基本版本: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"

});

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容