美文网首页Bootstrap-学习
Bootstrap-select使用

Bootstrap-select使用

作者: 白云青叶 | 来源:发表于2020-02-10 11:07 被阅读0次

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

});

相关文章

网友评论

    本文标题:Bootstrap-select使用

    本文链接:https://www.haomeiwen.com/subject/pzfaxhtx.html