jQuery UI 自动完成组合框 - 防止表单提交

Question

我正在使用 jQuery UI 自动完成的漂亮“组合框”变体 - 请参阅此处：http://jqueryui.com/demos/autocomplete/#combobox

我将它放在一个表单元素中，因为它是表单的一部分。

自动完成组合框有一个<button>，用于显示整个下拉列表。但是，当用户按下它时，表单就会提交。这似乎是因为<button> 具有type="submit" 属性。整个元素由.combobox fn 中的button() 调用创建，参见source code。

如何停止提交？

（注意：This guy 也有同样的问题，但他通过删除 form 解决了这个问题 - 我不能这样做）

Answer 1

啊，没关系，我想通了。

这里的 jQuery 论坛讨论了这个问题： http://forum.jquery.com/topic/autocomplete-combobox-problem-when-it-is-placed-inside-a-form-tag

他们提出了几种不同的方法来调整自动完成组合的源代码来修复它。最简单的好像是这样的：

换行

$("<button>&nbsp;</button>") 

到

$("<button type=\"button\">&nbsp;</button>")

这可以防止type="submit" 被插入到最终按钮中。