模糊的jQuery Select2标签

dav*_*ron 9 tags jquery jquery-select2

我正在使用Select2在我的应用程序中创建一个Gmail风格的电子邮件地址字段.除了一种情况之外,它的效果很好:当用户键入电子邮件地址并且没有在其后面放置空格或逗号,并且没有按Enter键或制表符时.例如,如果他们只是键入一个电子邮件地址,然后使用鼠标选择表单中的下一个字段,他们输入的电子邮件地址就会消失.

在这里有一个示例jsfiddle 说明问题.

这是我在隐藏输入上设置select2的方法:

$(function(){
    $('input').select2({
        tags: [],
        width: "300px",
        dropdownCss: {display: 'none'},
        tokenSeparators: [',', ', ', ' ']
    });
});
Run Code Online (Sandbox Code Playgroud)

有没有办法让我设置select2,以便onBlur它只需要剩下的东西,当前不是一个标签,并使其成为一个?

dav*_*ron 17

现在,使用'selectOnBlur'选项在select2库的3.3版本中支持此功能.

  • 该选项已重命名为`selectOnClose` (2认同)

kar*_*uke 5

从4.0.3 开始的文档:

$('select').select2({
  selectOnClose: true
});
Run Code Online (Sandbox Code Playgroud)

如果用户点击其他地方,这将捕获选择并创建一个标签。