Question

我有一个在线商店，在产品页面上，我需要选项下拉菜单来更改产品基价（500美元）并在2个地方添加添加的选项价格（100美元）：

显示给用户（当前正在工作）
隐藏表格字段（不工作/不确定如何完成）

到目前为止，我有＃1工作，但不是＃2号。我想将基本价格（500美元）+附加期权价格（100美元）= 600美元传递给隐藏的表单字段，以便我可以提交该字段以便在另一个页面上处理。这就是我所拥有的：

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>

<script>
   $(window).load(function(){
   $("select").change(function(){
       var price = parseFloat($(this).find("option:selected").data("price"));

       if(isNaN(price))
           price = 0;

       var currPrice = parseFloat($("span").data("price"));
       $("span").text(currPrice + price);
    })
}); 
</script>
</head>
<body>

<select name="productoption">
   <option data-price="" value="XL" selected="selected">XL</option>
   <option data-price="" value="2XL">2XL</option>
   <option data-price="100" value="3XL">3XL [Add $100]</option>
</select>

<p>Price - $<span data-price="500">500</span></p>

<form action="" name="myForm" method="post">
      <input type="hidden" name="price" value="" />
      <input type="submit" name="addcart" value="Add To Cart" />
</form>

</body>
</html>

如果有一种更简单的方法可以实现这一目标，我会全力以赴。

Answer 1

如果您要设置名称为value的{{1}}字段的hidden，请使用：

'price'

Jquery在隐藏表单字段中更新价格

1 个答案: