在标记问题重复之前,我想说明的是,我已经尝试了所有可能的方法(例如here)来简单地在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>
select2导入结构
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));
<select class="roleSelect form-control" multiple="multiple" required="">
<option value="">Select Option</option>
<option value="fov9sPjiXtbRdJccR">ADMIN</option>
<option value="ga4p3FwQ76LH4Nq8y">MANAGER</option>
</select>
发布于 2019-03-01 08:59:40
我会尝试以下几点:
Template.ManageRoles.onRendered(function() {
this.$(".roleSelect").select2({
placeholder: 'Select Option'
});
});
然后在HTML中将第一个选项留空:
<option value=""></option>
https://stackoverflow.com/questions/50102861
复制相似问题