使用<button>标签无法正常工作</button>选择性提交表单

Question

我想要一个函数从表单中获取一些值作为输入并在后台操作。我尝试了，但它转到了网址mydomain.com/gtype=selected。我只是希望它在后台执行某些操作而不更改URL

我在这里有一个小提琴。 http://jsfiddle.net/4qppX/

Answer 1

您需要return false处理程序中的onclick。

<button onclick="hihi(this.form.gtype); return false">sub</button>

另一种方法是通过说type="button"

将按钮设为non-submitting button

<button type="button" onclick="hihi(this.form.gtype);">sub</button>

我不确定W3C states：

对此的推理

  

如果元素具有表单所有者，则该元素必须从button元素提交表单所有者。

Answer 2

您还可以确保您的按钮只是一个按钮，而不是“提交”控件：

<button type='button' onclick='hihi(this.form.gtype)'>sub</button>