javascript - jQuery 插件 select2 有没有办法保留每个选择选项的类？

Question

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

所以目前他们得到一个类select2-results__option；我想要的是这样的:select2-results__option myclass。

这可以做到吗？

此外，它不必是一个类，即使保留 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
});