首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Select2选项( MeteorJS )

问Select2选项( MeteorJS )
EN

Stack Overflow用户
提问于 2013-11-08 06:27:50
回答 1查看 1.7K关注 0票数 0

我正在尝试用Meteor和Select2实例化一个多选择框。我的html驻留在模板中,如下所示:

代码语言:javascript
复制
<template name="selectbox">
     <select id="testbox">
         <option value="AL">Alabama</option>
         <option value="AL">Washington</option>
     </select>
</template>

在我的客户端js中,我有以下代码:

代码语言:javascript
复制
Template.selectbox.rendered = function(){
    var options = { allowClear : true, multiple : true }
    $("#testbox").select2(options);
};

不幸的是,我的浏览器的控制台会产生以下错误:

代码语言:javascript
复制
Exception from Deps afterFlush function: Error: Option 'multiple' is not allowed for Select2 when attached to a <select> element.

我还尝试将以下代码直接放在我的客户机js文件中(以及在Template.selectbox.create中):

代码语言:javascript
复制
$(document).ready(function(){
    var options = { allowClear : true, multiple : true }
    $("#testbox").select2(options);
});

不幸的是,我也收到了同样的错误。奇怪的是,如果我的选择是:

代码语言:javascript
复制
var options = { allowClear : true, placeholder : 'test' }

这两个选项似乎都不起作用。但是,复选框的呈现是selct2的呈现。

知道会有什么问题吗?谢谢你的进阶。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-08 10:03:31

看看例句 on select2网站是如何制作的。根据该代码,您应该将multiple属性添加到select标记中,而不是添加到js方法参数。

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19852889

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档