选择2显示默认值选择

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"]); 

当我加载网页并点击领域，看起来像这样：

夏威夷和加利福尼亚州选定

比，如果我在布拉选项，现场看起来像这样点击：

如何使默认值在现场看到马上页面加载？

Answer 1

您正在更改所选值而不通知您已进行更改的Select2。所以虽然Select2可以告诉你在打开下拉菜单时已经做了两个选择，但它不知道它在何时渲染选择。

您可以通过触发原始<select>上的change事件来告诉Select2您已经进行了更改。

Answer 2

你最设定tags属性为true来显示像你想的启动，这样的代码

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

Answer 3

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