bootstrap-select 多選指派
從背景擷取的下拉框指派
$.ajax({
type: "post",
url: "json",
async: false,
dataType:"json",
success:function(data) {
ModuleTotal = data;
$.each(data, function (index, item) {
$('#txtModuleName').append('<option value="' + item.id+ '" selected="selected" >' + item.name+ '</option>');
});
$('#txtModuleName').selectpicker('refresh');
}
})
在指派時用selectpicker自帶的*$("#txtModuleName").selectpicker(“val”, arr);一直失敗、回顯為空且下拉框也并未選中、後來經過查閱資料發現還是得用周遊數組的方式、且下拉框的資料一定是要**同步***async: false顯示
sysModuleCode為從背景擷取到的值;['01','02','03']
var moduleCodeArr = sysModuleCode.split(",");
var str = $("#txtModuleName").val();
if (moduleCodeArr.length > 0) {
var rtype = document.getElementById("txtModuleName");
var sels = $('#txtModuleName option');
for (var i = 0; i < ModuleTotal.length; i++) {
for (var j = 0; j < moduleCodeArr.length; j++) {
if (rtype.options[i].value == moduleCodeArr[j]) {
rtype.options[i].selected = true;
}
}
}
}
$("#txtModuleName").selectpicker("val", moduleCodeArr);
$("#txtModuleName").selectpicker("refresh");
這樣就可以正常顯示了、且下拉框也已經選中