首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Select2未加载到模板中。[流星+火焰]

Select2未加载到模板中。[流星+火焰]
EN

Stack Overflow用户
提问于 2018-04-30 22:42:46
回答 1查看 168关注 0票数 0

在标记问题重复之前,我想说明的是,我已经尝试了所有可能的方法(例如here)来简单地在Meteor中的一个简单页面上加载一个select2下拉菜单。

下面是理解我的select2应用程序过程的简单代码。

ManageRoles.js

代码语言:javascript
复制
Template.ManageRoles.onRendered(function() {
    $(".roleSelect").select2();
});

ManageRoles.html

代码语言:javascript
复制
<form class="assignRoleForm">                              
    <div class="row">
        <div class="col-sm-12">
            <label>Roles</label>
            <select class="roleSelect form-control" multiple="multiple" required>
                <option value="">Select Option</option>
                <option value="1">ADMIN</option>
                <option value="2">MANAGER</option>
            </select>
        </div>
    </div>
    <br/>
    <div class="text-center">
        <button type="submit" class="btn btn-success">  Assign  </button>
        <button type="button"  class="btn btn-danger"> Close </button>
    </div>
</form>

select2导入结构

代码语言:javascript
复制
root\client\vendor\select2\select2-bootstrap.css
root\client\vendor\select2\select2.js
root\client\vendor\select2\style\select2.css

下面的是当前输出的快照。

*更新了*

执行此操作后,我会在控制台日志中看到下面的console.log($('.roleSelect').get(0));

代码语言:javascript
复制
<select class="roleSelect form-control" multiple="multiple" required="">
    <option value="">Select Option</option>
    <option value="fov9sPjiXtbRdJccR">ADMIN</option>
    <option value="ga4p3FwQ76LH4Nq8y">MANAGER</option>
</select>
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50102861

复制
相关文章

相似问题

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