<select id="weekDate" class="selectpicker show-tick form-control" multiple data-live-search="false"> <option value="1">${map.sunday}</option> <option value="2">${map.monday}</option> <option value="3">${map.tuesday}</option> <option value="4">${map.wednesday}</option> <option value="5">${map.thursday}</option> <option value="6">${map.friday}</option> <option value="7">${map.saturday}</option> </select> <script> var selectedArray='${sPeriodEvent.weekPeriod}';//獲取到默認值 var Array = selectedArray.split(","); //以,將selected字符創切割成字符串數組 var mulselect=document.getElementById("weekDate"); //找到複選框的位置 var muloptions=mulselect.options;//獲取複選框的選擇項 for(var j=0;j<selectedArray.length;j++) { for (var i = 0; i < muloptions.length; i++) { if (muloptions[i].value == Array[j]) { muloptions[i].setAttribute("selected",true) //遍歷字符串數組和複選框選擇項,當有匹配的,就把該選項設置 //成已選擇 } } } </script>
數據庫中的字段是字符串以', '分隔開的,獲取須要的字段後,將字符串分割成數組,獲取多選框的元素;拿到多選框的options,外層for循環遍歷字符串;內層for循環遍歷多選框,當數組的值等於多選框中的value值時則將其設置爲選中狀態。數據庫