Question

我正在使用Wordpress网站，我有每月，每年和每半年的计划。此时我只能为订单按钮设置一个链接。

我想要的是，我想根据术语计划设置特定的URL。例如

For monthly : a=add&pid=1
For anually : a=add&pid=2
for bianually : a=add&pid=3

如果你想要

，这是我的代码

<div class="price white-text regular-font"><span>
class="price_val">$4.95</span> /mo</div>
<select class="plans-select">
<option value="$4.95">Triennially</option>
<option value="$5.95">Biannually</option>
<option value="$6.95">Aannually</option>
<option value="$7.95">Monthly</option>
</select>
</div>
<div class="transparent-btn btn1"><a class="lightgrey-bg black-text
regular-font" href="#">Order Now</a></div>

此时会有一个下拉菜单来选择术语。现在确定如何根据选择更改订单的链接。

Answer 1

您只需使用具有不同href网址的四个按钮，而不是选择和选项元素。

或者您使用包含<form>的真实HTML type="get"和您的目标网址action属性，如果您添加{{{}，则会将这些pid值附加到网址1}}作为name="pid"代码的属性。

Answer 2

1更改

<option value="$6.95">Aannually</option>

到

<option value="3">Aannually $6.95</option>

其他人的类似修改

2添加此脚本

<script>
    $(function(){
      $('.plans-select').on('change', function () {
          var plan_id = $(this).val(); 
          if (url) { // require a URL
              window.location = 'a=add&pid=' + plan_id; // redirect
          }
          return false;
      });
    });
</script>

如果您必须将价格设为选项值

，您还可以拥有价格/计划对象

prices = {'$6.95':3, .......}

并使用它来获取所选plan_id的{{1}}，例如value

不要忘记在脚本部分

之前加载jQuery

$6.95

根据术语计划设置URL

2 个答案: