如何在select2中添加图标？

Question

我使用select2版本4

我试着这样:

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

但是,它不起作用

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

解决我的问题的任何解决方案？

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

给你结果:

Answer 2

发现这个如何将 html 占位符添加到 select2？

所以你需要的是：

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