select2設置默認初始值

一般jq的select進行賦值就是

$('select').val('3');

實踐證明:select2的賦值方法並非如此,

for example:

<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title></title>
<linkrel="stylesheet"type="text/css"href="bootstrap.min.css"/>
<linkrel="stylesheet"href="select.min.css"/>
</head>
<body>
<selectid="select1"multiple="multiple"style="width:200px;display:block;margin:300px;">
<option value="0">西瓜</option>
<option value="1">蘋果</option>
<option value="2">橘子</option>
</select>
</body>
<scripttype="text/javascript"src="6選項卡/js/jquery-1.11.3.js"></script>
<script src="select2.js"></script>
<script>
$('#select1').select2();
$('#select1').val(['1']).trigger('change');//這個就是select2的賦值方式。而val裏的就是option的value 
</script>
</html>
補充:
可以對select進行復制多個值---可以進行數組的賦值
var arr = ['1','2','3'];
$('#select1').val(arr).trigger('change');

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章