代码之家 › 专栏 › 技术社区 › codeulike

jquery ui autocomplete组合框-防止表单提交

jquery-ui-autocomplete jquery-ui

codeulike · 技术社区 · 15 年前

我正在使用jquery ui autocomplete的漂亮的“ComboBox”变体-请参见以下内容: http://jqueryui.com/demos/autocomplete/#combobox

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

“自动完成”组合框具有 <button> 用于显示整个下拉列表。但是,当用户按下它时,表单将提交。这似乎是因为 <按钮> 有一个 type="submit" 属性。整个元素由 button() 呼叫 .combobox FN,见S ource code .

如何停止提交?

(NB: This guy 有同样的问题,但他通过移除 form -我不能那样做)

1 回复 | 直到 15 年前

codeulike 15 年前

啊,没关系,我想出来了。

他们提出了几种不同的方法来调整自动完成组合的源代码来修复它。最简单的一个似乎是:

换一句话

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

到

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

这可以防止 type="submit" 从插入到最后一个按钮。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Nuñito Calzada · JQuery在spring boot和Thymelaf中从DB自动完成

2 年前

Connor · 使用jquery UI幻灯片制作周围动画

2 年前

provance · 如何获得最新版本的jquery ui?

2 年前

Akhilesh · 当数据目标中有分号或冒号时,带有展开的aria的Button元素不展开

2 年前

chris loughnane · 使用jQuery UI滑块移动和缩放svg元素时遇到问题?

8 年前

Tirkesh Turkesh · 如何在可拖放div中释放项目的精确位置元素上拖放

8 年前

ferralucho · Hightlight jquery datepicker标头选定的星期几

8 年前

Paili · 如何在jQuery自动完成中添加其他内容?

8 年前

monu · 动态嵌套选项卡创建

8 年前