jQuery select2 добавить класс к выбранным элементам

Question

Я хочу, чтобы добавить класс в выбранные теги, чтобы я мог стилизовать их разными цветами. Есть ли способ сделать это? В качестве примера видит следующее:

Так что, если я хотел все теги категории, чтобы быть зелеными, все теги места быть синими и любым ключевым слово тегами быть красными, как бы я это сделать. Я попытался с помощью опции templateSelection так:

$('select').select2({ 
    templateSelection: function(item) 
    { 
     return '<span class="green">' + item.text + '</span>'; 
    } 
}); 

Но HTML получает бежал так что она показывает фактические символы вместо этого. Плюс это не добавило бы класс к самому тегу.

Answer 1

Вы можете использовать это templateSelection, а затем поиск, если это местоположение или ключевое слово, и добавить escapeMarkup недвижимость:

function template(data, container) { 
    if(/Location\:/.test(data.text)) { 
    return '<span class="location">'+data.text+'</span>'; 
    } else { 
    return data.text; 
    } 
} 

$('select').select2({ 
    templateSelection: template, 
    escapeMarkup: function(m) { return m; } 
}); 

Пожалуйста, смотрите его работы:

https://jsfiddle.net/cz4ofkvg/1/