将选项添加到我的 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 example

在此示例中，显示下载的文本 JSON。但是，如果我想修改搜索怎么办？输入文本时，它出现在第三个值 version 和 JSON 旁边，但如果我单击值 version 将不会添加到 select。

例如。当我在 select 中搜索时，我的 select 看起来像：

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

但是如果我单击某些选项，例如 text_1，那只会添加到 select 框中 text_1 没有 version，也就是说，到目前为止。我认为 Templating 的例子说明了我的一些问题。仅当您单击时，例如，在阿拉斯加标志消失并且文本保留在 select

有什么建议吗？

Answer 1

使用 templateSelection and templateResult 您可以控制搜索结果和所选项目的视图

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