多選框設置默認多選----從數據庫獲取

<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值時則將其設置爲選中狀態。數據庫

相關文章
相關標籤/搜索