如何禁用使用 select2 v4.0 创建新标签？

Question

我一直在尝试新的Select2 v4.0，它有很多改进。我主要对tags 功能感兴趣。我希望能够通过 ajax 搜索标签，并且 only 能够从显示的结果中选择一个标签，而不能创建新标签。该功能类似于 StackOverflow - 如果您没有必要的声誉，则无法创建新标签，但您仍然可以使用现有标签标记问题。

这是一个jsfiddle，我的代码取自示例。在示例中，您可以创建我想要限制的新标签。用户应该只能从通过 ajax 从 GitHub 检索到的列表中选择标签。

有人知道如何禁用此功能吗？

Answer 1

标签：假，

$("#DropDownId").select2({
       minimumInputLength: 3,
       maximumSelectionLength: 10,
       tags: [],
       **tags:false,**
    ajax: {
        url: "@Url.Action("ActionName", "ControllerName")",
        type: "get",
        dataType: 'json',
        delay: 250,
        data: function (params) {
            return {
                Title: params.term // search term
            };
        },
        processResults: function (response) {
            return {
                results: $.map(response, function (item) {
                    return {
                        text: item.Title,
                        id: item.NibafInstituteId
                    }
                })
            };
        }
    }
});

Answer 2

我不确定是否应该在此处添加以下内容，但是当我在搜索相同的问题时，谷歌向我指出了这个问题。但是我使用的是旧版本 3.x，这就是如何为 3.x 版本实现相同的场景。

在 3.5 版上测试

createSearchChoice: function(params) {
    return undefined;
}

Answer 3

我也一直在努力解决这个问题，但几个小时后就开始工作了。

我已经指定了一些标记分隔符（因为我的访问者可以在网站的不同位置创建标签）。事实证明，即使 tags 配置设置为 false，分隔符仍然适用。

解决方案：tags: false 并且不要为 tokenSeperators 添加值。保持multiple: true。

Answer 4

这应该可行 - 在 select2 的初始化中，尝试从 createTag 函数返回 undefined，如下所示：

createTag: function(params) {
                return undefined;
           }

Answer 5

您可以通过在初始化 Select2 时删除 tags: true 来禁用标签。或者，在初始化 Select2 时设置 tags: false。标签仅启用if the tags option is truthy，即当您传入true时。