使⽤bootstrap-select遇到的坑
项⽬需要，需要⼀个bootstrap框架下的下拉多选控件，⽐较主流的都会去⽤bootstrap-select实现，但是当使⽤ajax请求到数据添加到下拉框时怎么也不显⽰，查原因后是得有两步refresh和render操作，必不可少，同时也感觉到了du跟google的差距！
html代码：
<select id='name' class="form-control selectpicker"  data-live-search="true">
</select>
js代码：
$.ajax({
// get请求地址
url: basePath,
dataType: "json",
success: function (data) {bootstrap项目
var optArr = [];
for (var i = 0; i < data.length; i++) {
$('.selectpicker').append("<option value=" + data[i].userName + ">" + data[i].userName + "</option>");
}
// 缺⼀不可
$('#name').selectpicker('refresh');
$('#name').selectpicker('render');
}
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。