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/