我正在尝试在 Select2 v4 下拉项目中显示 fontawesome 图标。但是下拉菜单显示的是 html 而不是生成实际的图标。此方法适用于 select2 V3,但似乎不适用于 v4。任何帮助表示赞赏。谢谢
HTML
<div class="select2-wrapper">
<select class="input icons_select2">
<option value="fa-dribbble" data-icon="fa-dribbble">Dribbble</option>
<option value="fa-dropbox" data-icon="fa-dropbox">Dropbox</option>
<option value="fa-facebook" data-icon="fa-facebook">Facebook</option>
</select>
</div>
JS
function iformat(icon) {
var originalOption = icon.element;
return '<i class="fa ' + $(originalOption).data('icon') + '"></i> ' + icon.text;
}
$('.icons_select2').select2({
width: "100%",
templateSelection: iformat,
templateResult: iformat
});
参见小提琴的例子:http: //jsfiddle.net/qCn6p/206/