项目需要,需要一个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) {
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');
}
});
转载自:https://blog.csdn.net/qq_14926159/article/details/53188114;
转载请注明出处.