如何在select2中添加图标? [英] How to add icon in select2?

问题描述

我使用的是select2版本4

我这样尝试:

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

但是，它不起作用

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

有什么解决方案可以解决我的问题?

解决方案

始终先阅读参考/手册！

在其网站上的官方 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
});

为您提供结果:

I using select2 version 4

I try like this :

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

But, it's not working

Demo is like this : http://jsfiddle.net/fc1qevem/8/

Any solution to solve my problem?

解决方案

Always read the reference/manual first!

From the official select2 examples on their web site;

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

Gives you the result:

这篇关于如何在select2中添加图标?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！