SELECT2 -> 添加数据而不替换内容

我看过其他一些线程，但没有那么具体。这并不是我认为很难的事情，但我不确定如何去做。

目前，我正在使用 Select2 作为标记系统，在它旁边我建议了用户可以单击的标签，并将其添加到框中。

相反，每个标签都会替换内容并添加自身。

我需要将添加内容附加到框中，而不替换其中已有的内容。

这是我的代码：

$(document).on('click', ".tag1", function () {
      var value = $(".tag1").html();
      console.log(value);
      $("#selectPretty").val([value]).trigger("change");
});
$(document).on('click', ".tag2", function () {
      var value = $(".tag2").html();
      console.log(value);
      $("#selectPretty").val([value]).trigger("change");
});

数据通过 AJAX 获取，每个建议标签周围都有一个跨度。

希望我说得足够清楚。

摘要：我希望能够单击每个“标签”并添加它，而不是替换框中已有的内容。

Thanks

您应该能够通过简单的操作来做到这一点：

var test = $('#test');

$(test).select2({
    data:[
        {id:0,text:"enhancement"},
        {id:1,text:"bug"},
        {id:2,text:"duplicate"},
        {id:3,text:"invalid"},
        {id:4,text:"wontfix"}
    ],
    multiple: true,
    width: "300px"
});
var data = $(test).select2('data');
data.push({id:5,text:"fixed"});
$(test).select2("data", data, true); // true means that select2 should be refreshed

工作示例：http://jsfiddle.net/z96Ca/