jQuery插件select2是否可以保留每个选择选项的类？

Question

I'm using the jQuery plugin select2 and I'm wondering if there was any way that you could make it retain (merge) a class you have set on each option element in the inital select field and insert it as an additional class in the resulting li tag?

So currently they get a class of select2-results__option ; what I want would be something like: select2-results__option myclass .

Can this be done?

Also, it doesn't have to be a class, even retaining a data attribute would work too.

Answer 1

As per the documentaiton for the select2 plugin, you can do this by overriding the function that creates the results 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
});