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

时间:2010-09-25 17:09:40

标签: jquery-ui jquery-ui-autocomplete

我正在使用jQuery UI自动填充的漂亮'combobox'变体 - 请参阅此处:http://jqueryui.com/demos/autocomplete/#combobox

我在Form元素中有它,因为它是表单的一部分。

Autocomplete Combobox有一个<button>,用于显示整个下拉列表。但是,当用户按下它时,表单会提交。这似乎是因为<button>具有type="submit"属性。整个元素由button() fn中的.combobox调用创建,请参阅s ource code

如何停止提交?

(注意:This guy有同样的问题,但他通过删除form修复了它 - 我不能这样做了)

1 个答案:

答案 0 :(得分:3)

啊,没关系,我明白了。

这个问题在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"插入最终按钮。