0

我正在尝试使用 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的。

知道可能是什么问题吗？先谢谢了。

4

1 回答 1

1

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

所以在你的模板中替换<select id="testbox">为<select multiple id="testbox">.

于 2013-11-08T10:03:31.630 回答