2017-02-21 82 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