ändern Select2 anzuzeigen ‚n von m Elementen ausgewählt‘

Question

Ich mag die Select2 mit Tagging-Plugin aktiviert hat, wie in diesem Beispiel: https://select2.github.io/examples.html#tags

Allerdings würde Ich mag es zu ändern, um einen Text wie

anzuzeigen

n von m Elemente ausgewählt

, wenn es mehr als 3 ausgewählte Artikel sagen. Sobald Sie auf die Box klicken, sehen Sie die genauen Elemente, wie es jetzt ist.

Dann könnte die Auswahlbox viel kleiner gerendert werden und weniger Platz verbrauchen.

Dies scheint keine Konfigurationsoption zu sein. Hast du eine Idee, wo im Code dieses Verhalten geändert wird?

Answer 1

Sie können es einfach so machen. Keine Vergewaltigung select2 benötigt :)

$("#singleSelectExample").select2({ 
    closeOnSelect: false 
}); 

$('#singleSelectExample').on('change', function() { 
    var selected = $(this).val().length; 
    var of = $(this).find('option').length; 
    $(this).parent().find('.select2-selection ul').html('Selected ' + selected + ' of ' + of + ' items.') 
}); 

JSFIDDLE

Answer 2

https://select2.github.io/examples.html#events

Mit Ereignis können Sie es tun. Feuern Sie das ausgewählte Ereignis ab und aktualisieren Sie Ihren Text.