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

Question

我正在使用名为 Select2 的 jQuery 插件，其中我使用了Multiselect。以前我也在我的另一个网站上使用了相同的插件但那个插件现在已经很旧了。我想，当我从下拉列表中选择选项时，会显示 optgroup ，如下所示:Click to see image现在我正在使用的这个插件向我显示如下:Click to see image我想要具有选择值(value)的 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