Select2 Multiple:一次复制+粘贴添加多个项目
Select2 Multiple: Add several items with one copy+paste
我想一次在 select2 输入字段中添加多个项目。
如果我将 "Hawaii Alaska" 复制并粘贴到 select 多个 example here 中,那么我会得到:
No results found
在我的情况下,项目中不允许 space。
有没有办法通过复制+粘贴插入 N space 个分离的项目?
想要的结果:(x)Hawaii
(x)Alaska
您可以在您的 select2 中添加标记分隔符以将字符识别为您 tags/choices 的停止点,但不幸的是它在最后复制粘贴的项目上出现错误
//try copy pasting bug,invalid, enhancement, wontfix
//then try bug,invalid, enhancement
//you will see the problem
var data = [{ id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, { id: 2, text: 'duplicate' }, { id: 3, text: 'invalid' }, { id: 4, text: 'wontfix' }];
var placeholder = "select";
$(".mySelect").select2({
tokenSeparators: [',', ', ', ' '],
data: data,
placeholder: placeholder,
allowClear: false,
minimumResultsForSearch: 5
});
这是codepen
http://codepen.io/anon/pen/dMWQbd
它在库的 github 中作为错误打开
https://github.com/select2/select2/issues/3458
我想一次在 select2 输入字段中添加多个项目。
如果我将 "Hawaii Alaska" 复制并粘贴到 select 多个 example here 中,那么我会得到:
No results found
在我的情况下,项目中不允许 space。
有没有办法通过复制+粘贴插入 N space 个分离的项目?
想要的结果:(x)Hawaii
(x)Alaska
您可以在您的 select2 中添加标记分隔符以将字符识别为您 tags/choices 的停止点,但不幸的是它在最后复制粘贴的项目上出现错误
//try copy pasting bug,invalid, enhancement, wontfix
//then try bug,invalid, enhancement
//you will see the problem
var data = [{ id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, { id: 2, text: 'duplicate' }, { id: 3, text: 'invalid' }, { id: 4, text: 'wontfix' }];
var placeholder = "select";
$(".mySelect").select2({
tokenSeparators: [',', ', ', ' '],
data: data,
placeholder: placeholder,
allowClear: false,
minimumResultsForSearch: 5
});
这是codepen http://codepen.io/anon/pen/dMWQbd
它在库的 github 中作为错误打开 https://github.com/select2/select2/issues/3458