javascript–Bootstrapmultiselect在instanciation中选择所有选项

我正在使用bootstrap multiselect插件将动态代码添加到select中.这是我的代码：

HTML：


Underlyings




使用Javascript

var name = ['joe', 'mary', 'rose'];
R.map(function (x) {
return $('.multiselect', d.el).append("" + x + "");
}, name);
$('.multiselect', d.el).multiselect({
allSelectedText: 'All',
maxHeight: 200,
includeSelectAllOption: true
});


当多重选择被实例化时,它在浏览器中显示为这样(有一些css格式说明其方面)：

虽然我希望它显示为(在实例化时选中所有复选框,而不是点击’全选’)：

我查看了文档,但没找到它……

Bootstrap multiple select documentation

解决方法:

您需要同时运行selectAll(将false作为第二个参数 – 这表示将选择所有值,甚至是不可见的值)和updateButtonText(以更改下拉菜单中显示的文本).

检查此示例：

$(function() {
var name = ['joe', 'mary', 'rose'];
$.map(name, function (x) {
return $('.multiselect').append("" + x + "");
});
$('.multiselect')
.multiselect({
allSelectedText: 'All',
maxHeight: 200,
includeSelectAllOption: true
})
.multiselect('selectAll', false)
.multiselect('updateButtonText');
});







Underlyings