链接bootstrap/css/bootstrap.min.css;
连接bootstrap-select-1.12.4/css/bootstrap-select.css;
链接bootstrap-select-1.12.4/js/bootstrap-select.js;
链接bootstrap-select-1.12.4/js/i18n/defaults-zh_CN.min.js;
//html部分--multiple=true代表多选---data-live-search=true代表有搜索框---data-width为select的长度,可添加可不添加(二者可根据情况添加与否)
<select id='aa' class='selectpicker' title='请选择' multiple=‘true’ data-width=‘60%’></select>
//js部分
$('.selectpicker').selectpicker({
style:'btn-primary',
size:6
}) //必须有
data.map(function(d){
$(' #aa').append('<option value=" ' + d.id' ">' + d.id + '</option>')
}) //data为ajax中的data对象,map遍历数组对象
$('# aa').selectpicker('refresh'); //必须有,不然来回选择看不出选择框里内容更新效果
连接bootstrap-select-1.12.4/css/bootstrap-select.css;
链接bootstrap-select-1.12.4/js/bootstrap-select.js;
链接bootstrap-select-1.12.4/js/i18n/defaults-zh_CN.min.js;
//html部分--multiple=true代表多选---data-live-search=true代表有搜索框---data-width为select的长度,可添加可不添加(二者可根据情况添加与否)
<select id='aa' class='selectpicker' title='请选择' multiple=‘true’ data-width=‘60%’></select>
//js部分
$('.selectpicker').selectpicker({
style:'btn-primary',
size:6
}) //必须有
data.map(function(d){
$(' #aa').append('<option value=" ' + d.id' ">' + d.id + '</option>')
}) //data为ajax中的data对象,map遍历数组对象
$('# aa').selectpicker('refresh'); //必须有,不然来回选择看不出选择框里内容更新效果