Javascript 选择2不在模板中加载。[流星与火焰]

在标记问题副本之前，我想说明我已经尝试了所有可能的方法（例如）在Meteor的简单页面上加载select2下拉列表

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

ManageRoles.js

Template.ManageRoles.onRendered(function() {
    $(".roleSelect").select2();
});

ManageRoles.html

<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>

下面是当前输出的快照。

******************已更新*******************

执行此操作时，

console.log（$（'.roleSelect'）.get（0））我在下面的控制台日志中看到

<select class="roleSelect form-control" multiple="multiple" required="">
    <option value="">Select Option</option>
    <option value="fov9sPjiXtbRdJccR">ADMIN</option>
    <option value="ga4p3FwQ76LH4Nq8y">MANAGER</option>
</select>


选择选项
管理
经理
我会尝试以下方法：

Template.ManageRoles.onRendered(function() {
    this.$(".roleSelect").select2({
    placeholder: 'Select Option'
  });
});

然后在HTML中，将第一个选项留空：

<option value=""></option>


那么
$（“#角色选择”）呢。获取（0）。选择2（）
？记录
$（“#roleSelect”）.get（0）
到控制台甚至打印出一些元素吗？@Jankapunkt:Question用你询问的控制台输出更新。在你原来的代码中，
roleSelect
是一个
id
，但在你的更新中它是一个
类
-你中途切换了吗？是的！我正在尝试各种可能的方法使它工作，但我还没有找到原因。使用
this.$
语法对您有帮助吗？
<option value=""></option>