Select2 - 加载标签但保留添加新标签的能力
Select2 - loading tags but stay with the ability to add new
我正在尝试使用 Select2 中的标签。我想让用户能够加载一些已知标签,有时还可以根据需要添加新标签。
问题是 Select2 提供了仅在新 SELECT 字段中添加新标签的选项。如果您将一些数据预加载到该字段并预先选择它 - 您将失去这种能力。
这里有一个问题的例子:
jsfiddle
$("#tags").select2({
multiple: true,
tags: true,
placeholder: "enter",
tokenSeparators: [','],
data: ['11']
});
//The problem is in the next line
//$('#tags').val(['11','22']).select2();
在当前状态下,新标签被接受。如果您要删除最后一行中的 //,您将无法添加新标签。知道为什么吗?
谢谢!
好的,终于明白了
实际上 select2()
函数重新初始化脚本。但是,如果您重新发送 tags
属性,您也会重新启用该能力。
$('#tags').val(['11','22']).select2({tags: true});
还是谢谢...
我正在尝试使用 Select2 中的标签。我想让用户能够加载一些已知标签,有时还可以根据需要添加新标签。
问题是 Select2 提供了仅在新 SELECT 字段中添加新标签的选项。如果您将一些数据预加载到该字段并预先选择它 - 您将失去这种能力。
这里有一个问题的例子: jsfiddle
$("#tags").select2({
multiple: true,
tags: true,
placeholder: "enter",
tokenSeparators: [','],
data: ['11']
});
//The problem is in the next line
//$('#tags').val(['11','22']).select2();
在当前状态下,新标签被接受。如果您要删除最后一行中的 //,您将无法添加新标签。知道为什么吗?
谢谢!
好的,终于明白了
实际上 select2()
函数重新初始化脚本。但是,如果您重新发送 tags
属性,您也会重新启用该能力。
$('#tags').val(['11','22']).select2({tags: true});
还是谢谢...