Я использую select2 с Ajax.У меня на фронте есть несколько значков fa, и я хочу вставить их, создав новый тег:
$("#idSelectPacketName").select2({
cache: true,
tags: true,
placeholder: inputPlaceholderNamePacket,
tokenSeparators: [','],
ajax: {
url: './../../back-end/switch-ajax-listening/switch-ajax-listening.php',
type: "post",
dataType: 'json',
delay: 250,
data: function (params)
{
return {
searchTerm: params.term, // search term
actionId: "getSelector",
jsonField: "idSelectPacketName"
};
},
processResults: function (response)
{
return {
results: response,
id: response.term,
text: response.term + " (new)",
newOption: true
};
},
},
createTag: function (params)
{
var term = $.trim(params.term);
if (term === '')
{
return null;
}
//console.log(term.length);
if(term.length>50)
{
alertError("The name packet must be less than 50 char");
return null;
}
return {
id: term,
text: term + ' (new)' //Here I have tried something
};
},
});
Я попытался вставить:
text: $('<i class="fa fa-sitemap"></i>Branch name'),
, но результат
Я также пробовал это: text: ('<i class="fa fa-sitemap"></i>Branch name'),
но результат не очень хороший.Select2 печатает это и все.
У вас есть какие-нибудь идеи для решения?Я хочу видеть иконку fa с новым текстом.