select2中的动态编辑选项

我有一个multiselect小部件，我正在使用select2。我通过AJAX加载了选项，并且一切正常。

但是，我在选项中添加了一个可单击的“编辑”图标，它们出现在所选项目的字段中，就在“删除”图标旁边。我已经将其连接到模态表单，该表单通过AJAX编辑项目。编辑成功后，我显然希望更新select2字段中的所选选项以使其与此匹配。

有没有一种方法可以使用select2以这种方式编辑选定的选项？

我已经尝试编辑标签并在选项上执行.trigger（'change'），但是它什么也没做。我还查看了select2文档中的程序化访问示例，但它们似乎更多是关于选择现有的选项，而不是编辑选项本身的“文本”。

任何帮助表示赞赏。

这是我设置select2小部件的方式：

function formatFlavorSelection(flavor) {
    var $flavor = $(
        '<span class="glyphicon glyphicon-pencil" onClick="editFlavorSelection(' + flavor.id + ', event);"></span><span>' + flavor.text + '</span>'
    );
return $flavor;

};

$(".select2-flavor").select2(
    ajax: {
        url:url,
        dataType: 'json',
        delay: 250,
        data: function (params) { 
            return { 
                q: params.term // search term
            };
        },
        processResults: function (data, page) {
            var resultData = [];
            data.forEach(function(entry) {
                resultData.push({ id: entry.id, text: entry[dataName]})
            });
            return {
                results: resultData
            };
        },
        cache: true
    },
    minimumInputLength: 0,
    templateSelection = formatFlavorSelection
);