编程语言
首页 > 编程语言> > javascript – 如何在select2中添加图标?

javascript – 如何在select2中添加图标?

作者:互联网

我使用select2版本4

我试着这样:

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

但是,它不起作用

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

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

解决方法:

务必先阅读参考/手册!

从他们web site的官方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
});

给你结果:

Select2 with icons

标签:jquery,javascript,css,jquery-select2,html
来源: https://codeday.me/bug/20190713/1449173.html