Làm thế nào để thay đổi nhãn multiselect bootstrap thay vì chọn tất cả?

Question

Tôi đang sử dụng trình đơn thả xuống Đa lựa chọn khởi động thay vì số danh sách hiển thị khi nhấn chọn tất cả tùy chọn chúng tôi có thể hiển thị văn bản Tất cả đã chọn.

http://davidstutz.github.io/bootstrap-multiselect/

Answer 1

tôi đã thay đổi 3 nút của (gợi ý nút của: Multiselect với một 'Chọn tất cả' tùy chọn) id để kiểm tra. Nó hoạt động nhưng bạn cần phải thêm id vào nút từ các công cụ phát triển (Chrome/Firefox thêm F12) trước tiên.

$('#test+ul>li').change(function(){ 
    $('#test').text($('#test').attr('title')); 
}); 

Bạn có thể kiểm tra sau khi thêm id. Vui lòng sử dụng jsfiddle.net sau đó. Bạn có thể tìm trợ giúp nhanh hơn.

Answer 2

Nếu ai đó trúng câu hỏi này trong tương lai, giải pháp là thay đổi

{ nonSelectedText: 'None selected' } 

gán một biến toàn cục cho văn bản này thay đổi nó thông qua JavaScript.

giá trị nằm trong tệp bootstrap-multiselect.js.

Answer 3

Bạn có thể thay đổi "Label" (của multiselect bootstrap) văn bản cho tất cả 4 trường hợp "không được chọn", "n chọn", "Tất cả" Đã chọn hay "giá trị được chọn" như sau:

JQuery

$('#level').multiselect({ 
    includeSelectAllOption: true, 
    maxHeight: 150, 
    buttonWidth: 150, 
    numberDisplayed: 2, 
    nSelectedText: 'selected', 
    nonSelectedText: 'None selected', 
    buttonText: function(options, select) { 
     var numberOfOptions = $(this).children('option').length; 
     if (options.length === 0) { 
     return nonSelectedText + ' <b class="caret"></b>'; 
     } 
     else{ 
      if (options.length > numberDisplayed) { 
       if(options.length === numberOfOptions){ 
        return ' All Selected' + ' <b class="caret"></b>'; 
       } 
       return options.length + ' ' + nSelectedText + ' <b class="caret"></b>'; 
      }else { 
       var selected = ''; 
       options.each(function() { 
        var label = ($(this).attr('label') !== undefined) ? 
                 $(this).attr('label'):$(this).html(); 
        selected += label + ', '; 
       }); 
       return selected.substr(0, selected.length - 2) + ' <b class="caret"></b>'; 
      } 
     } 
    } 
}); 

HTML

<select multiple="multiple" id="level"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 

Nó làm việc cho tôi. Chúc vui vẻ!

Answer 4

Sử dụng tùy chọn init obj.

$("#services").multiselect({ 
    nonSelectedText:'Services' 
}); 

Tùy chọn này làm việc cho tôi.

Answer 5

sử dụng dữ liệu placeholder

<select data-placeholder="Month"> 

Công việc này đối với tôi.

Answer 6

Câu trả lời của Philip làm việc cho tôi, nhưng chỉ làm cho nó hoàn chỉnh hơn một chút, nó nên được gọi khi tài liệu sẵn sàng. Vì vậy, các giải pháp đối với tôi, bao gồm thiết lập nhiều danh sách là:

$(document).ready(function() { 
    $("#bedrooms").multiselect({ 
     nonSelectedText:'Bedrooms' 
    }); 
    $("#bathrooms").multiselect({ 
     nonSelectedText:'Bathrooms' 
    }); 
    $("#garages").multiselect({ 
     nonSelectedText:'Garages' 
    }); 
    $("#livingareas").multiselect({ 
     nonSelectedText:'Living Areas' 
    }); 
}); 

Answer 7

Tiếp theo official documentation:

allSelectedText là nội dung hiển thị nếu tất cả các tùy chọn được chọn. Bạn có thể tắt hiển thị số allSelectedText bằng cách đặt thành false.

sử dụng tùy chọn

{ 
... 
allSelectedText: false, 
... 
}