将单选按钮选项从一个html表单传递到同一页面上的另一个html表单

时间:2012-06-11 19:07:55

标签: html

我有一个基于asp的购物车,它使用基于html的模板来显示产品。在每个产品部分,我有几个项目,每个项目都包含项目的每个“包”的价格和该项目的“案例”的价格。在“pack”的每个价格下面都有一个数量文本框和一个提交按钮,它旁边是该项目的案例价格,数量文本框和提交按钮。通常情况下这很好,因为一切都有不同的值,并且在页面上列出的每个产品中都很容易有两个单独的表单(一个用于“pack”,一个用于“case”)。

但是,我遇到了一个问题,其中一个产品有一个通过使用单选按钮设置的选项。现在,当我设置“包”的表单时,会显示单选按钮“功能”,并且当他们按下“包”的提交按钮时,用户选择的任何选项都会正确显示。但是,当他们订购“案例”时,因为它是一个单独的表单,它不会看到“功能”值并将其与案例提交按钮一起传递。

问题是,您是否可以设置一些单选按钮并将它们传递给2个不同的提交按钮?正如我现在所做的那样,包启动了表单代码,然后在其中我有案例表单。我在下面添加了一些简化的代码。像产品:和功能:只是虚拟文本代替与此问题无关的所有格式垃圾。我在下面展示的HTML代码是我唯一想要改变的部分。

<form action="addtocart.asp" method="post">
<input name="productid" value="11" type="hidden">
Product:
Features:
Options:
    <input checked="checked" name="Feature" value="1" type="radio">Option1
    <input name="Feature" value="2" type="radio">Option2
    <input name="Required" value="8" type="hidden">
Price Per Pack:
Quantity:
    <input class="txtfield" maxlength="4" size="3" value="1" name="quantity" type="text">
Pack Submit Button:
    <input class="submitbtn" value=" Order " name="Order" type="submit">
Price Per Case:
<form name="casename" action="addtocart.asp" method="post">
Quantity:
    <input class="txtfield" maxlength="4" size="3" value="1" name="quantity" type="text">
    <input name="productid" value="24" type="hidden">
Case Submit Button:
    <input class="submitbtn" value=" Order " name="Order" type="submit">
</form>

上面的“选项”部分是他们选择单选按钮的选项,因此可以让每个提交按钮传递这些信息,还是需要使用javascript或类似的东西?

感谢您查看我的问题!

1 个答案:

答案 0 :(得分:1)

表单值是独立的,因此您有两个选项:

  • 如果可能,使用一种形式而不是两种形式
  • 当选择单选按钮时,使用javascript将所需的值复制到另一个表单

另外,据我所知,你不能或不应该在表格中有表格。它可能在某些浏览器中正常工作,但它是无效的HTML