页面上有多个表单,每个表单都可以提交

时间:2012-05-13 17:11:35

标签: javascript forms

如何在页面上放置多个表单,每个表单都能够提交自己。 当我这样设置时,第一个表单提交,但第二个表单不起作用。有关如何使其工作的任何建议? (我将在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>

3 个答案:

答案 0 :(得分:0)

第一个表单是set方法发布,第二个表单没有,如果你正在捕获POST然后它是空的,设置方法发布或捕获GET,如果它不是set方法,默认是GET

答案 1 :(得分:0)

将它用于第二种形式它将起作用。如果默认方法没有方法,则将其设置为get。

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

答案 2 :(得分:0)

请使用以下

<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中使用