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。

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

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

添加选项到我的Select2

1 个答案: