Select2 标签：动态添加标签到输入

Question

我正在寻找将标签添加到输入标签字段的解决方案。

我知道可以有预加载的标签，但我没有找到在输入中添加标签的方法。 IE。使用特定函数，我可以附加一个选择（带有 ID 和 TEXT）。

我已经搜索了很多，但也许我陷入了死循环。有什么建议吗？

这就是我的初始化方式：

    $('.select2Input').select2({
        tags: {
            0: {
                id: 'the id',
                text: 'the text'
            }
        },
        multiple: true,
        minimumInputLength: 2
    });

Answer 1

正如我在这个相关问题select2 destroy and recreate 中提到的，诀窍在于在您需要更改初始化选项时销毁并重新创建 select2。我怀疑这也是你在你的情况下需要做的。

基本语法是

$('#categoryid').select2("destroy");
createmycategoryidselect();

function createmycategoryidselect() {
   // standard options
   $opts = { ... }
   // gather the current set of tag values and stick them in this new instance.
   $opts.tags = { ... new tags ... }
}