MeteorJS中的Select2选项

Question

我正在尝试使用Meteor JS和Select2实例化多选框。 我的html驻留在模板中，如下所示：

<template name="selectbox">
     <select id="testbox">
         <option value="AL">Alabama</option>
         <option value="AL">Washington</option>
     </select>
</template>

在我的客户端js中，我有以下代码：

Template.selectbox.rendered = function(){
    var options = { allowClear : true, multiple : true }
    $("#testbox").select2(options);
};

不幸的是，我的浏览器控制台产生以下错误：

Exception from Deps afterFlush function: Error: Option 'multiple' is not allowed for Select2 when attached to a <select> element.

我还尝试过将以下代码直接放在我的客户端js文件中（以及在Template.selectbox.create中）：

$(document).ready(function(){
    var options = { allowClear : true, multiple : true }
    $("#testbox").select2(options);
});

不幸的是，我收到同样的错误。 奇怪的是，如果我的选择很简单，我不会收到任何错误：

var options = { allowClear : true, placeholder : 'test' }

两种选择似乎均未生效。 但是，选择框的呈现方式是selct2的呈现方式。

知道可能是什么问题吗？ 提前致谢。

Answer 1

查看select2网站上的示例 。 根据该代码，您应该将multiple属性添加到select标签，而不是js方法参数。

因此，在模板中，将<select id="testbox">替换为<select multiple id="testbox"> 。