2017-02-21 80 views
0

我正在使用Bootstrap Multiselect jquery插件。 我的问题是,如果用户选择了所有选项,我想它确实显示所有这样Boostrap Multiselect删除“All Selected”并实际显示所有选中的内容

奶酪的选择,西红柿,奶酪,蘑菇,辣,洋葱

相反,一旦我选择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 
    }); 
}); 

任何帮助,将不胜感激。在此先感谢

回答

0

为了实现这一点,你应该修改多选择ie bootstrap-multiselect.js的Java脚本文件中的代码,我不知道它是允许的还是不允许的,因为它是许可的。 但是,如果您在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; 
       } 
      } 
+0

感谢您的回复。我管理通过添加 allSelectedText做到这一点:假 到代码 $( '#示例-numberDisplayed')多选({ numberDisplayed:12,maxHeight:300,allSelectedText:假 })。 – Joel

+0

哦,我不知道allSelectedText配置。谢谢 – wanderer