我需要通过单击表单外部的按钮来提交表单。 这是简单的页面:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
<script type="text/javascript">
$(function () {
$("#buy-button").on("click", function () {
$("#refresh-form").submit(function () {
alert('test');
});
});
});
</script>
</head>
<body>
<header>
header
</header>
<div id="main-div">
</div>
</div>
<div id="navigation-div">
<form id="refresh-form" action="test.php">
<button id="map-button">Refresh</button>
</form>
<button id="buy-button">Buy</button>
</div>
<footer>
footer
</footer>
</body>
</html>
当我点击购买按钮
时,它不会刷新页面。我缺少什么?
假设我在表单中有一个按钮列表,其中哪些按钮的类型为 button
,如果我可以成功提交表单,我会获得为每个按钮设置的所有值还是只会获得类型已设置为提交
的按钮的值?
最佳答案
我肯定会使用trigger
像这样:
$(function () {
$("#buy-button").on("click", function () {
$("#refresh-form").trigger('submit');
});
});
来自 submit() 上的 jQuery 文档:
Forms can be submitted either by clicking an explicit
<input type="submit">
,<input type="image">
, or<button type="submit">
, or by pressing Enter when certain form elements have focus.
在我看来,手动触发表单提交是一种更好、可行的方法。
关于javascript - 通过点击按钮提交表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56586723/