天天看點

bootstrap-select multiple的回顯與選中!

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");
           

這樣就可以正常顯示了、且下拉框也已經選中