模糊的jQuery Select2标签

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

我在这里有一个示例jsfiddle 来说明问题。

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

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

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

Answer 1

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

Answer 2

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

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

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

调用模糊函数后，上面的代码会检查用户是否输入。 如果有任何触发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 

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

Answer 4

从4.0.3开始的文档 ：

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

这将捕获选择并在用户单击其他位置时创建标记。