javascript - 一个页面上有多个表单，每个表单都可以提交

Question

如何在一个页面上有多个表单，每个表单都可以提交自己。当我这样设置时，第一个表单提交，但第二个不起作用。有关如何使其工作的任何建议？（我将在 1 页上有很多这样的表格）

谢谢

<form action="/order-form2.php" method="post">
<input type="hidden" name="phoneType" value="iPhone 2g - 4GB//ATT">
 <input type="hidden" name="price" value="75">
<div class="prodSize"><a href="#" onclick="document.forms[0].submit();">4 GB</a></div> 
</form>

   <form  action="/order-form2.php">
<input type="hidden" name="phone" value="iPhone 2g - 8GB//ATT">
 <input type="hidden" name="price" value="25">
<div class="prodSize"><a href="#" onclick="document.forms[1].submit();">8 GB</a></div> 
</form>

Answer 1

第一个表单设置方法为 post，第二个没有，如果你用 POST 捕获则它是空的，设置方法为 post 或用 GET 捕获，如果它没有设置方法，默认是 GET

Answer 2

将此用于第二种形式，它将起作用。如果没有方法，默认方法设置为获取。

<form action="/order-form2.php" method="post">

Answer 3

请使用以下

<form name='form1' id='form1' method='POST' action='/order-form1.php'>
    <a href="#" onclick='return document.forms.form1.submit();'>4 GB</a>
</form>

注意分配给表单的 id 和 name 属性，在 javascript 中使用