jquery - 如何在select2 jquery中的标记中设置默认值

Question

我正在使用 select2 ( http://ivaynberg.github.io/select2/ ) 作为我的标记输入。从使用 select2 标记的示例中，代码看起来像这样。

 $("#e12").select2({tags:["red", "green", "blue"]});

现在我的问题是如何在我的输入中插入默认值，就像在标记支持的http://ivaynberg.github.io/select2/中的页面示例中一样，输入的默认值是“棕色”、“红色” ， ＆ '绿色'。

Answer 1

您可以通过为隐藏输入提供值来初始化 Select2 控件：

<input type="hidden" id="e12" value="brown,red,green" />

您可以通过将数组传递给“val”方法来设置 Select2 控件的值：

$('#tagSelect').select2('val', ['brown','red','green']);

jsfiddle 演示

Answer 2

更新后的版本

假设您像这样初始化您的选择：

$('.mySelect').select2({
  multiple: true,
  tags: "true"
});

然后使用这 2 个函数来触发更改。（如官方文档中所见）

$('.mySelect').val(['value1', 'value2']);
$('.mySelect').trigger('change.select2');

其中“value1”和“value2”是option选择元素的ID。

Answer 3

对于 Select2 4.0，我必须将 data 属性添加到 select2 并设置值和触发更改，如下所示：

$('#mySelect').select2({
  data: ['one','two'],
  tags: true
});
$('#mySelect').val(['one','two']).trigger('change')