向我的 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 中的文本。但是如果我想修改搜索怎么办？输入文本时，它会出现在带有 JSON 的第三个值 version 旁边，但如果我单击值 version 将不会添加到 select。

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

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

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

有什么建议吗？

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;
  }
});