以编程方式删除select2中添加的新标签

Question

I've been using select2 for a custom component and wonder whether there is a method to remove a tag created by a user programmatically. I've tried the following way by getting the data array in select2 and then removing the necessary element and then updating the select2 data attribute.

var select2Data = $('.members').select2('data'); //original select2 element data
var select2NewUser = $('.new-tag').data(); //data related to the new tag

$.each(select2Data,function(i){
    if(select2Data[i].id === select2NewUser.id){
        select2Data.splice(i,1);
        return false;
        }
})

$('.members').select2('data',select2Data); //updates the modified data tag

$('.new-tag').remove();

This method only update the data object! The view is not updated and the element is still in the select2. How can I remove a tag in select2?

Answer 1

It looks like select2 is not having an option to refresh the list. You can try destroying the select and recreate with updated values. Try

$('.members').select2("destroy");

and reinitialize with

$('.members').select2({data: UpdatedData });