select2多个阻止其他输入在输入时提交表单

Question

我有一个带有简单输入和select2输入的表单，如下所示： http : //codepen.io/anon/pen/QyBxwE

在第一个输入为焦点时按Enter键即可提交表单（在这种情况下，请重定向到404页）。

由于某些原因，多个select2输入会阻止表单提交。 如果我删除select2类或multiple属性，形式表现正常。

在Mac OS X Yosemite上的Safari，Chrome和Firefox上进行了测试，并且在所有浏览器上均一致发生。

（我正在使用jQuery 2.1.3和select2 4.0.1）

Answer 1

表单的工作方式是，当您单击Enter时，它会尝试尝试执行一些默认操作。 第一步是提交表格。 这仅在没有其他JavaScript阻止提交表单的情况下才有效。 Select2 Multiple通过阻止默认值来摆脱默认操作。 这样，当您开始键入并单击Enter时，它不会自动提交。

解决方案是使用第二种默认选项。 那就是页面上有一个提交按钮。 带有的表单将转到最近的提交按钮，然后单击该按钮。 select2 JavaScript不会覆盖此操作。

http://codepen.io/anon/pen/yeqxQJ

只需将<input type="submit">到您的表单中，它就可以按照您希望的方式工作。