JochenJung JochenJung -5 years ago 112
jQuery Question

Change Select2 to display 'n of m items selected'

I like to use the Select2 plugin with tagging enabled, like in this example:

However I would like to change it to display a text like

n of m items selected

when there are more than say 3 items selected. Once you click the box you would see the exact items, like it is now.

Then the select box could be rendered much smaller and consume less space.

This does not seem to be a config option. Do you have an idea, where in the code to change this behavior?

Answer Source

You can do it easy like this. No rape select2 is needed :)

  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.')


Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download