向我的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;
  }
});