根据客户选择的产品重定向客户

时间:2014-10-09 01:54:27

标签: javascript jquery html forms

我有一个购物车,根据product.id,我需要将潜在客户发送到相应的网址(表单操作网址)。

以下是我的一些HTML:

<div id="product-pricing">
  <form name="product_form" action="/cart/add">
    <div class="single-item">
      <p class="price">$9.99</p>
      <input type="hidden" name="id" value="00001">
      <input class="btn" type="submit" name="add" id="add-to-cart" value="Add to Cart">
    </div>
  </form>
</div>

我可以使用一些带有或不带jQuery的JavaScript(我将在头部分中包含)以某种方式读取value字段,然后在代码内部将结果定义为:

if id="00001" the form action="http://domain.com/page1.php"
if id="00002" the form action="http://domain.com/page2.php"
if id="00003" the form action="http://domain.com/page3.php"
if id="00004" the form action="http://domain.com/page4.php"
if id="00005" the form action="http://domain.com/page5.php"

因此,如果用户订购了id =“00002”并点击了“添加到购物车”按钮,他将转到http://domain.com/page2.php。或者,如果用户选择产品ID“00004”并点击“添加到购物车”按钮,他将直接转到http://domain.com/page4.php

简而言之,我需要根据订购的产品将潜在客户重定向到其他页面。我怎么能做到这一点?

1 个答案:

答案 0 :(得分:1)

你可以这样做:

<script>
var yourid = $("input[name='id']").val();
if (yourid  = "someid") $("form[name='product_form']").attr("action","your_link");
</script>