有没有办法让 jQuery 插件 select2 保留每个 select 选项的 class？

Question

我正在使用 jQuery 插件 select2 我想知道是否有任何方法可以让它保留（合并）您设置的 class初始 select 字段中的每个 option 元素并将其作为附加 class 插入结果 li 标记中？

所以目前他们得到 select2-results__option 的 class；我想要的是：select2-results__option myclass.

这可以做到吗？

此外，它 没有 成为 class，即使保留 data 属性也可以。

Answer 1

根据 select2 插件的文档，您可以通过覆盖创建结果的函数来做到这一点 https://select2.github.io/examples.html#tags

function formatState (state) {
  if (!state.id) { return state.text; }
  var $state = $(
    '<span><img src="vendor/images/flags/' + state.element.value.toLowerCase() + '.png" class="img-flag" /> ' + state.text + '</span>'
  );
  return $state;
};



$(".js-example-templating").select2({
  templateResult: formatState
});