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

Question

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

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

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

Answer 1

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

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

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

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

Answer 2

更新后的版本

假设你初始化你的选择如下:

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

然后使用这两个函数来触发更改.(如官方文档中所示)

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

其中"value1"和"value2"是optionselect元素的ID .

Answer 3

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

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