Bootstrap Multiselect删除“All Selected”并实际显示所有选择

Question

我正在使用 Bootstrap Multiselect jquery 插件。 我的问题是，如果用户选择了所有选项，我希望它实际显示所有这样的选择

奶酪、西红柿、马苏里拉奶酪、蘑菇、意大利辣香肠、洋葱

相反，一旦我选择了第 6 个选项，它就会显示这个

全部选中 (6)

这是我的代码

<select id="example-numberDisplayed" multiple="multiple">
    <option value="cheese">Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozarella">Mozzarella</option>
    <option value="mushrooms">Mushrooms</option>
    <option value="pepperoni">Pepperoni</option>
    <option value="onions">Onions</option>

</select>

和

$(document).ready(function() {

    $('#example-numberDisplayed').multiselect({
    numberDisplayed: 6
    });
});

任何帮助将不胜感激。提前致谢

Answer 1

为了实现这一点，您应该修改多选的 java 脚本文件中的代码，即 bootstrap-multiselect.js，我不知道它是否被许可，因为它已获得许可。 但是如果在 buttonText 函数中注释或删除以下代码，在任何情况下都不会显示全部选中。

else if (this.allSelectedText 
                    && options.length === $('option', $(select)).length 
                    && $('option', $(select)).length !== 1 
                    && this.multiple) {

                if (this.selectAllNumber) {
                    return this.allSelectedText + ' (' + options.length + ')';
                }
                else {
                    return this.allSelectedText;
                }
            }