select2 Results Wrapper

Question

将select2用于项目，并且需要将所选的结果（从多个选择框）分解为输入下方的较小项目（例如下面的代码）：

我调查了formatSelection，但我遇到的主要问题是如何将输入字段移动到它自己的位置，而不是附加到select2-choices的末尾，我还没有找到任何选择。任何帮助将不胜感激。谢谢！

Answer 1

我做了类似的事情来处理在窄文本框中选择多个选项。幸运的是，您可以控制所选项目的格式。这是我过去用来表明是或否选择的第一个字母的方式。您可以修改此函数以创建外部标记并返回空白响应，以便不在select2容器中显示该选项。虽然您还必须挂钩选择已删除的事件以保持同步。

$ opts = {     ...     formatSelection：select2YesNoFormat，     ....     }

function select2YesNoFormat(item) {
    var originalText   = item.text;
    return '<span class="select2-tag" title="' + originalText + '">' + originalText.substring(0,1) + '</span>';
}