1

我正在使用 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
    });
});

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

4

1 回答 1

0

为此，您应该修改多选的 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;
                }
            }
于 2017-03-09T11:37:58.513 回答