Question

我想在选择选项时更改表单中的操作链接。选择31天选项时，下面的代码应更改操作链接。但是我无法让它发挥作用。而且我没有在控制台中看到任何错误。我错过了什么吗？

我的jquery脚本：

<script type="text/JavaScript">
$("#zomlink").change(function() {
  var action = $(this).val() == "1906104";
  $("#buyvipform").attr("action", "http://www.somelink.com/?ref54434.swe");
});
</script>

我的表单代码：

<form method="post" id="buyvipform" name="buyvipform" class="buyvipform" action="https://www.changethislink.com">

<select name="zomlink" id="zomlink" style="margin-top: 290px;">
<option value="1906083">3 days Trial (2€)</option>
<option value="1906104">31 days (19€)</option>
<option value="1906125">90 days (50€)</option>
<option value="1906146">365 days (99€)</option>
</select>


<input type="submit" value="" style="background:url(<?php bloginfo('template_directory'); ?>/images/buy.png) no-repeat; width: 106px; height: 40px; border: 0px;">

</form>

Answer 1

您需要在更改选择时获取所选的选项值。然后如果它具有值1906104，则更改href url：

$("#zomlink").change(function() {
 if($(this).val() == "1906104")
   $("#buyvipform").attr("action", "http://www.somelink.com/?ref54434.swe");
});

<强> Working Demo

使用jquery选择选项时，更改表单中的操作链接

1 个答案: