如何在select2中添加图标？

Question

我使用 select2 版本 4

我这样尝试：

 $("select02").select2({
    placeholder: "<i class='fa fa-sitemap'></i>Branch name",
});

但是，它不起作用

演示是这样的：http: //jsfiddle.net/fc1qevem/8/

有什么办法可以解决我的问题吗？

原文由 moses toh 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

始终先阅读参考/手册！

来自他们 网站 上的官方 select2 示例；

 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
});

给你结果：

原文由 user5928517 发布，翻译遵循 CC BY-SA 3.0 许可协议