Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将Select2更改为显示';n个选定项目(共m个)';_Javascript_Jquery_Jquery Select2_Select2 - Fatal编程技术网

Javascript 将Select2更改为显示';n个选定项目(共m个)';

Javascript 将Select2更改为显示';n个选定项目(共m个)';,javascript,jquery,jquery-select2,select2,Javascript,Jquery,Jquery Select2,Select2,我喜欢使用已启用标记的Select2插件,如本例所示: 但是,我想将其更改为显示如下文本 n个选定项目(共m个) 当选择的项目超过3个时。单击框后,您将看到确切的项目,就像现在一样 然后,选择框可以呈现得更小,占用的空间更少 这似乎不是一个配置选项。您是否有想法,在代码中的什么位置更改此行为? 有了事件,你就能做到。启动select事件并更新您的文本。 有了事件,你就能做到。启动select事件并更新文本。这样做很简单。不需要选择2:) 你可以像这样轻松地完成。不需要选择2:) 您可能需要类似

我喜欢使用已启用标记的Select2插件,如本例所示:

但是,我想将其更改为显示如下文本

n个选定项目(共m个)

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

然后,选择框可以呈现得更小,占用的空间更少

这似乎不是一个配置选项。您是否有想法,在代码中的什么位置更改此行为?

有了事件,你就能做到。启动select事件并更新您的文本。


有了事件,你就能做到。启动select事件并更新文本。

这样做很简单。不需要选择2:)


你可以像这样轻松地完成。不需要选择2:)


您可能需要类似于此的内容您可能需要类似于此模板的内容选择允许我更改所选选项的显示文本。但它会为每个选择在搜索字段中添加一个新项目。templateSelection允许我更改所选选项的显示文本。但它会为每个选择添加一个新项目到搜索字段中。
$("#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.')
});