Boostrap Multiselect에서 "All Selected"를 제거하고 실제로 모두 선택된 것을 표시합니다.

Question

부트 스트랩 다중 선택 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

이를 달성하려면 멀티 선택 자바 스크립트 파일 (예 : 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; 
       } 
      }