多选框设置默认多选----从数据库获取

<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值时则将其设置为选中状态。

你可能感兴趣的:(多选框设置默认多选----从数据库获取)