Question

我有一个多选择下拉列表，我想将管道（|）设置为分隔符。

例如，当用户选择多个选项（如Option1，Option2和Option3）时，它应该分离（分隔）这样的值：

选项1 |选项2 | 2选项

以下是我的代码：

$("#granttype").select2({ allowClear: true, tags: true, tokenSeparators: ['|'] });

我在$document.ready()函数中写了这个。

Answer 1

您必须使用option tokenSeparators

$("#selectbox").select2({
  tags: true,
  tokenSeparators: ['|']
})

Answer 2

如果你的问题还没有解决，这就是答案！在较旧版本的select2中，你必须使用'separator'而不是'tokenSeparators，就像这样。

jQuery('selector').select2({
                            separator: ";",
                            allowClear:true,
                            ...
                            ...
                               });

虽然如果您不确定select2的版本，但作为后退，首选方法是保留两个选项，如下所示。

jQuery('selector').select2({
                            tokenSeparators: [';'],
                            separator: ";",
                            allowClear:true,
                            ...
                            ...
                               });

Answer 3

对于仍在看这个的人，
这是对我有用的脚本：

$(element).select2({
  tags: [],
  separator: "|"
});

必须包含“标签：[]”，否则会出错
希望对您有帮助

将管道设置为Select2的分隔符

3 个答案: