2014-09-03 36 views
2

与此FIDDLE类似,您将如何显示多个选定的加载值?Select2:显示多个选定的值

<select multiple> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
    <option value="3">Three</option> 
    <option value="4">Four</option> 
</select> 


$('select').select2().select2('val','3') 

enter image description here

FIDDLE

需要显示一些类似的负载
enter image description here

回答

6

请选择要多个然后传递值作为数组

$('select').select2().select2('val', ['3', '1'])
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.3.0/select2.css" rel="stylesheet" /> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.3.0/select2.js"></script> 
 
<select multiple="multiple" style="width:300px"> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
    <option value="3">Three</option> 
 
    <option value="4">Four</option> 
 
</select>

演示:Fiddle


后4.1

$('select').select2().val(['3', '2']).trigger('change')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.css" rel="stylesheet" /> 
 
<select multiple="multiple" style="width:300px"> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
    <option value="3">Three</option> 
 
    <option value="4">Four</option> 
 
</select>

演示:Fiddle

+0

氩联合国,我可以向你推荐我的其他问题之一类似于这一个请。 http://stackoverflow.com/questions/25639251/select2-loading-selected-values – morne 2014-09-03 09:07:09

+0

@FaiZalDong select2版本使用 – 2016-12-30 09:46:57

+0

@FaiZalDong如果您使用的是更新版本的select2 http://jsfiddle.net/arunpjohny/54j3v660/7/ – 2016-12-30 10:02:41