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

Boostrap Multiselect删除“全部选中”并实际显示所有选中

1 个答案: