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

Question

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

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

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

Answer 1

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

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

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

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

jsfiddle demo

Answer 2

更新版本

假设您初始化了您的选择：

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

然后使用这两个函数来触发更改。 （如官方文件中所示）

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