使用jquery在bootstrap multiselect中选择默认值

时间:2014-01-09 16:32:49

标签: jquery twitter-bootstrap

我正在为我的多选框使用boostrap。我有以下形式的数据:

myData='<option value="tomata selected">Tomata</option>'

我将它附加到我的多选框中。然后我开火了

$("#myFeild").multiselect('rebuild');

但这并没有让我选择Tomata。我需要预先选择此字段。如何在bootstrap中实现这一点。这种逻辑在选择中起作用。我需要在boostrap中使用类似的东西,以避免在从选择迁移到bootstrap时发生重大功能变化。

2 个答案:

答案 0 :(得分:8)

<select name="country" id="ddldrawDays" class="form-control" multiple="multiple">
    <option value="Sunday">Sunday</option>
    <option value="Monday">Monday</option>
    <option value="Tuesday">Tuesday</option>
    <option value="Wednesday">Wednesday</option>
    <option value="Thursday">Thursday</option>
    <option value="Friday">Friday</option>
    <option value="Saturday">Saturday</option>
</select>

<script>
$(document).ready(function(){
        var data = 'Sunday,Monday,Friday';
        var valArr = data.split(",");
        var i = 0, size = valArr.length;
        for (i; i < size; i++) {
            $('#ddldrawDays').multiselect('select', valArr[i]);
        }
});
</script>

答案 1 :(得分:4)

尝试更改为此,

myData='<option value="tomata" selected>Tomata</option>'