向我的Select2添加選項

Question

我有一個問題。 我在頁面中使用Select2 ，我想對其進行一些修改。 這是我的示例：

<select id="mySelect" multiple>
    <!-- -->
</select>

var data = [{
    id: 1, 
    text: "sample_1", 
    version: "1"
},{
    id: 2, 
    text: "sample_2", 
    version: "2"    
}]

$("#mySelect").select2({
    data: data
});

JSFIDDLE示例

在此示例中，顯示下載的JSON中的文本。 但是，如果我要修改搜索結果該怎么辦？ 輸入文字時，它會出現在帶有JSON的第三個值version旁邊，但是如果我單擊值version則不會添加到select 。

例如。 當我在選擇中搜索時，我的選擇如下所示：

- text_1 - "version"
- text_2 - "version"

但是如果單擊某些選項（例如text_1 ），則只會將選擇version text_1 no version添加到選擇框，即到目前為止。 我認為“ 模板化 ”示例顯示了我的一些問題。 僅當您單擊時，例如，在阿拉斯加，標志消失，文本保留在選擇中

有什么建議我該怎么做？

Answer 1

使用templateSelection和templateResult您可以控制搜索結果和所選項目的視圖

$("#mySelect").select2({
  data:data,
  templateSelection: function(val) {
    return val.text +" - " + "version" + val.version;
  },
  templateResult: function(val) {
    return val.text +" "+ val.version;
  }
});