javascript - jquery - 如何将数据附加到现有的 Select2

Question

在研究了几个 stackoverflow 解决方案后，没有一个能帮助我解决这个问题。

我有一个初始数据来填充 select2 的输入:

var select2_data = [{id:0, product_text:'text_1'},{id:1,product_text:'text_2'},{id:2, product_text:'text_3'}];

然后启动select2没有任何问题。

var select2 = $('#select2_id').select2(
{
   id: function(e) {return e.product_text; },
   data:{results: select2_data, text:'product_text'},
       width: '50%',
   placeholder: 'Choose a product', 
   formatSelection: Product_Result,
   formatResult: Product_Result 
});

但我的问题是我不知道如何将新数据附加到现有 select2 的输入。

新数据示例:

var new_data = {id:4, product_text: 'text_4'};

我做了一些实验，试图获取现有数据并将其附加到现有数据数组中，如下所示:

var select2_existing_data = $('#select2_id').select2('data');
select2_existing_data.append(new_data);

但经过一些研究后，这个select2_existing_data 变量适合只返回所选数据，而不是整个数据。

希望你能帮我找到解决办法， 谢谢

Answer 1

不就是追加到原始数据数组那么简单吗？

select2_data.push({ id: 4, product_text: 'text_4' });