Jquery Select2:-如何在选择下拉列表中添加自定义图像/属性

<select id="mySelect"></select>

$(document).ready(function() {
  $('#mySelect').select2({
    templateResult: formatOption
  });
});

function formatOption(option) {
  if (!option.id) {
    return option.text;
  }

  var $option = $(
    '<span><img src="' + option.element.dataset.image + '" class="img-flag" /> ' + option.text + '</span>'
  );

  return $option;
}

<select id="mySelect">
  <option value="1" data-image="image1.jpg">Option 1</option>
  <option value="2" data-image="image2.jpg">Option 2</option>
  <option value="3" data-image="image3.jpg">Option 3</option>
</select>