Question

我正在使用名为Select2的jQuery插件，我在其中使用Multiselect。以前我也在我的另一个网站使用相同的插件，但现在已经很老了。我想，当我从下拉列表中选择选项时会显示optgroup这样的节目：Click to see image 现在我正在使用的这个插件向我显示如下：Click to see image 我希望optgroup标签的选择值。以下是select2：JsFiddle

的工作演示

以前我使用此脚本向optgroup显示值：

function format(item) {
  opt = $(item.element);
  sel = opt.text();
  og = opt.closest('optgroup').attr('label');
  return og+' | '+item.text;
}
$("select").select2({
  formatSelection: format,
  escapeMarkup: function(m) { return m; }
});
$(".select2_sample3").select2({
  tags: []
});

Answer 1

使用templateSelection

这是基于您的代码的工作示例

function formatState (item) {
  opt = $(item.element);
  og = opt.closest('optgroup').attr('label');
  return og+' | '+item.text;
};

$('#example').select2({
  placeholder: 'Select a Category',
  templateSelection: formatState
});

jsfiddle：https://jsfiddle.net/synz/t2zqjdf0/

资源：https://select2.org/selections#templating

如何在jQuery select2中显示optgroup标签+值

1 个答案: