select2在多个select中显示默认值

Question

我使用https://select2.github.io/examples.html#multiple 我使用加载数据来选项：

  var data = [
  {  id: 0, text: 'Hawaii' },
  {  id: 1, text: 'California' },
  {  id: 2, text: 'Bla' }
];

并设置默认值：

$basicMultiple.val(["0", "1"]);

当我加载页面并单击字段时，它看起来像这样：

夏威夷和加利福尼亚选择了

然后，如果我点击Bla选项，字段看起来像这样：

如何在页面加载时立即在字段中显示默认值？

Answer 1

您正在更改所选值，而不通知Select2您已进行更改。因此，虽然Select2可以告诉您在打开下拉列表时已做出两个选择，但它在呈现选择时并不知道。

您可以通过触发原始change上的<select>事件告诉Select2您已做出更改。

Answer 2

您最常将tags属性设置为true，以便在启动时显示，例如此代码

$(".js-example-tags").select2({
  tags: true
})

Answer 3

$basicMultiple.val(["0", "1"]).trigger("change");