Question

我有两种形式，我需要两个表单的提交按钮。我怎么能这样做，没有ajax？

<form action="" id="form" method="post">
    <input type="file" name="file">
    <input type="text" name="text">
</form>

<form action="" id="form2" method="post">
    <input type="file" name="file">
    <input type="text" name="text">
</form>

我知道这个主题不止一次被提出，但它并不重复，因为我需要它而没有ajax

Answer 1

您可以使用Document.forms返回一个集合。之后forms[0]将从DOM返回第一个表单，依此类推。然后您可以使用一个按钮提交表单

<button type = "button" onclick="submitForm()">Submit</button>

function submitForm(){
    document.forms[0].submit();
    document.forms[1].submit();
}

Answer 2

您必须声明button并为其附加点击事件处理程序。

<input type="button" value="Click" onclick="submit()" />

function submit(){
   document.getElementById("form1").submit();
   document.getElementById("form2").submit();
}

两种形式，一种提交按钮

2 个答案: