Jak zmienić etykietę wielodotykową bootstrap zamiast wybranych wszystkich?

Question

Używam rozwijanej listy rozwijanej Multiselect zamiast numeru listy wyświetlanej po wybraniu opcji wybierz opcję Wszystkie możemy wyświetlić tekst Wszystkie zaznaczone.

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

Answer 1

Zmieniłem 3rd Buttona (podpowiedź przycisku: wielokrotny z opcji 'Zaznacz wszystko') ID do testu. Działa, ale najpierw musisz dodać identyfikator do przycisku z narzędzi programistycznych (Chrome/Firefox dodaj F12).

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

Możesz przetestować po dodaniu identyfikatora. Następnie użyj jsfiddle.net. Możesz szybciej znaleźć pomoc.

Answer 2

Jeśli ktoś uderzył tę kwestię w przyszłości, rozwiązanie to zmienić

{ nonSelectedText: 'None selected' } 

przypisać zmienną globalną do tego tekstu zmienić go poprzez JavaScript.

Wartość:

znajduje się w pliku bootstrap-multiselect.js.

Answer 3

można zmienić "etykieta" (z bootstrap wielokrotny) tekst dla wszystkich 4 przypadkach "żaden wybrany", "n wybrany", "All" Wybrane lub "Wybrane wartości" w następujący sposób:

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> 

To działa na mnie. Baw się dobrze!

Answer 4

Użyj opcji init obj.

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

Ta opcja działa dla mnie.

Answer 5

użycie danych zastępczy

<select data-placeholder="Month"> 

To praca dla mnie.

Answer 6

Odpowiedź Philipa była dla mnie ważna, ale po prostu nieco bardziej kompletna, powinna zostać wezwana na gotowy dokument. Więc rozwiązanie dla mnie, w tym wyznaczanie wielu list było:

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

Answer 7

Po official documentation:

allSelectedText to tekst wyświetlany, gdy wybrane są wszystkie opcje. Ty można wyłączyć wyświetlanie allSelectedText, ustawiając go na false.

użycie opcji

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