Select2：显示多个选定的值

Posted 2023-03-05

【中文标题】Select2：显示多个选定的值

【英文标题】：Select2: Showing multiple selected values

【发布时间】：2014-10-27 17:14:51

【问题描述】：

与此 FIDDLE 类似，您如何在加载时显示多个选定值？

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

FIDDLE

需要显示类似于此 ON LOAD 的内容

【参考方案1】：

将选择设为多个，然后将值作为数组传递

$('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

【讨论】：

Arun，我可以请您参考我的另一个与此类似的问题之一。 ***.com/questions/25639251/…

@FaiZalDong select2 使用的版本

@FaiZalDong 如果您使用的是新版本的 select2 jsfiddle.net/arunpjohny/54j3v660/7

【参考方案2】：

试试下面的，它对我有用。

var 数组 = ['3', '1'];

$('#your select id').val(array).trigger("change");

【讨论】：

请对此答案添加一些解释