更改Select2以显示“已选择的m个项目中的n个”

Question

我喜欢使用启用了标记的Select2插件，如下例所示： https://select2.github.io/examples.html#tags

但我想将其更改为显示

之类的文字

  

n个已选择的项目

当选择了超过3个项目时。单击该框后，您将看到确切的项目，就像现在一样。

然后，选择框可以渲染得更小，占用更少的空间。

这似乎不是配置选项。您是否有想法，在代码中哪里可以改变这种行为？

Answer 1

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

通过活动你可以做到。触发select事件并更新文本。

Answer 2

你可以这样轻松完成。不需要强奸选择2：）

$("#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