如何在select2中拥有可编辑/可拖动的标签?

时间:2017-11-22 06:54:17

标签: jquery jquery-select2

我正在尝试使用Select2的tagging功能,并使用以下代码:

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

虽然它允许我添加/删除标签,并通过按Backspace修改最后一个标签。但是,我需要编辑之前添加的任何内容。如果我可以重新排序标签,我们将不胜感激。

1 个答案:

答案 0 :(得分:0)

Select2项目中有一个关于如何在4中进行拖放排序的问题(因为3中记录的先前方法不再有效):

Example "Select2 Drag and Drop Sorting" in Select2 4.0 · Issue #3004 · select2/select2

在那次讨论中,andrewbaldock给出了如何使用jQueryUI Sortable和Select2 4的示例:

$("ul.select2-selection__rendered").sortable({
  containment: 'parent'
});

这有一些缺点,因为Select2的值不能正确连接。他的完整例子解释了如何解决这个限制:

https://jsfiddle.net/andrewbaldock/ccj4twco/