gpt4 book ai didi

javascript - 通过点击按钮提交表格

转载 作者:行者123 更新时间:2023-12-02 23:29:13 28 4
gpt4 key购买 nike

我需要通过单击表单外部的按钮来提交表单。这是简单的页面:

<!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/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com