无需单击按钮即可提交表单[重复]答案

【问题标题】：Submit a form without clicking a button [duplicate]无需单击按钮即可提交表单[重复]
【发布时间】：2014-03-17 08:29:22
【问题描述】：

<form class="myform" action="mail.php">
Your name:<br>
<input type="text" name="myform-name"><br><br>
Your file:<br>
<input type="file" name="myform-file"><br><br>
<button type="submit">Submit</button>
</form>

如何使用 vanilla javascript（不是 jQuery）直接从代码（无需用户交互）提交此表单？

【问题讨论】：

第一件事.. 正确：
document.getElementsByTagName('form')[0].submit()
在评论中您说：“我想将此表单粘贴到 iframe 中并强制隐藏提交”。您应该在问题本身中说出这些内容，并通过显示当前代码的相关部分来澄清它们。

标签： javascript html xhtml html4

【解决方案1】：

你可以使用：

document.getElementsByTagName('form')[0].submit()

【讨论】：

这将提交表单并重新加载页面？
你想使用 AJAX 吗？

【解决方案2】：

只需在您的代码中添加一个表单名称：

<form name="myform" class="myform" action="mail.php">
Your name:<br>
<input type="text" name="myform-name"><br>
<button type="submit">Submit</button>
</form>

从 javascript 提交来自：

<script type="text/javascript">document.myform.submit();</script>

【讨论】：

【解决方案3】：

使用此代码

document.getElementById("my_form_id").submit();

文档here

【讨论】：

my_form_id 到底在哪里？
您确定这适用于所有浏览器（我说的是提交功能）吗？
@Jasper 是的。这是常见的 js 功能，您可以在这里查看w3schools.com/jsref/met_form_submit.asp
在表单标签中添加属性id="my_form_id"。 <form class="myform" action="mail.php" id="my_form_id">