Question

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

我有一个示例jsfiddle here来说明问题。

以下是我在隐藏输入上设置select2的方法：

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

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

Answer 1

现在，使用'selectOnBlur'选项在select2库的3.3版本中支持。

Answer 2

我有一个带有select2（标签模式）和提交按钮的表单。默认情况下，当用户键入标签时，如果不从下拉列表中选择标签或按下其中一个触发控制键，则用户输入将丢失，因为插件会在模糊事件中关闭生成的输入dom对象。

我对此问题的快速解决方法是破解插件模糊功能并添加以下行：

var val=this.search.val();
if($.trim(val)!='') this.onSelect({id:val,text:val});

调用blur函数后，上面的代码会检查用户是否输入。如果有任何触发select事件并发送所需对象。我传递的对象仅适用于标记模式中的select2，如果使用select2 v3.2，则可以在第1311行的AbstractSelect2的模糊函数的开始处插入此行。我希望这可以让您了解如何自定义小部件根据您的需要。

Answer 3

我真的不明白你在这里想做什么，因为你在谈论电子邮件：

jQuery(element.val().split(",")).each(function () {
                data.push({id: this, text: this});
            });

但你可以试试这个：

var splitted = element.val().split(",");
for(var i=0,z=splitted.length;i<z;i++)
    data.push({id: splitted[i], text: splitted[i]});

顺便说一句，你的jsfiddle是不完整的。

Answer 4

从4.0.3开始的documentation：

$('select').select2({
  selectOnClose: true
});

如果用户点击其他地方，这将捕获选择并创建标记。

模糊的jQuery Select2标签

4 个答案: