jQuery用戶界面自動完成組合框 - 防止表單提交

Question

我使用jQuery UI自動完成的漂亮的「組合框」變種 - 在這裏看到：http://jqueryui.com/demos/autocomplete/#combobox

我有一個表單元素內，因爲形式的一部分。

自動完成組合框有一個<button>用於顯示整個下拉列表。但是，當用戶按下它時，表單會提交。這似乎是因爲<button>具有type="submit"屬性。整個元素由.combobox fn中的button()調用創建，請參閱s ource code。

如何阻止提交？

（注：This guy有同樣的問題，但他固定它通過消除form - 我不能這樣做）

Answer 1

啊，沒關係，我理解了它。 http://forum.jquery.com/topic/autocomplete-combobox-problem-when-it-is-placed-inside-a-form-tag

他們建議調整自動完成組合的源代碼來修復它的幾種不同的方式：

問題是在jQuery的論壇討論。最簡單的一個似乎是這樣的：

變化，說

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

到

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

這樣可以防止type="submit"被插入到最後的按鈕就行了。