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');

 

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