javascript - 使用 <button> 标签选择性提交表单不起作用

标签 javascript html forms select button

我想要一个函数从表单中获取一些值作为输入并在后台进行操作。我尝试过,但它转到 url mydomain.com/gtype=selected value 。我只是想让它在后台做一些事情而不是改变 url

我这里有一个 fiddle 。 http://jsfiddle.net/4qppX/

最佳答案

您需要在 onclick 处理程序中返回 false

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

另一种方法是将按钮设为 non-submitting button通过说 type="button"

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

我不确定 W3C states 这样做的原因:

If the element has a form owner, the element must submit the form owner from the button element.

关于javascript - 使用 <button> 标签选择性提交表单不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6110253/

相关文章:

javascript - 如何在 PHP Laravel 中为货币值设置自动数字 jquery?

html - 选中时更改复选框背景颜色

javascript - JQuery .on 'change' 事件不会因部分 View 内的下拉菜单而被触发

javascript - Grunt 生成新的node_modules

javascript - 如何使用 jquery 将 CSS 添加到元素,仅使用一个类来标识该元素,并且仅当 innerHTML 中的时间在现在的 5 分钟内?

html - 在 Bootstrap 中将 2 个元素保持在同一行

django - 如何使用 django 将表单数据从一个页面发送到另一个页面

php - 输入变量 - 从 MySQL 数据库查询

css - 注册表单文本显示为白色,背景为白色

javascript - 如何在 Laravel5 中禁用选择?