我正在为我的多选框使用boostrap。我有以下形式的数据:
myData='<option value="tomata selected">Tomata</option>'
我将它附加到我的多选框中。然后我开火了
$("#myFeild").multiselect('rebuild');
但这并没有让我选择Tomata。我需要预先选择此字段。如何在bootstrap中实现这一点。这种逻辑在选择中起作用。我需要在boostrap中使用类似的东西,以避免在从选择迁移到bootstrap时发生重大功能变化。
答案 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>'