2014-09-01 27 views
0

我想在選擇選項時更改表單中的動作鏈接。下面的代碼應該在選擇31天選項時更改操作鏈接。但我無法讓它工作。我在控制檯中看不到任何錯誤。我錯過了什麼?使用jQuery選擇選項時更改表單中的動作鏈接

我的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> 

回答

2

你需要得到的選擇變化選擇的選項值。然後,如果它的價值1906104,改變href網址:

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

Working Demo

+0

是啊它工作在jfiddle卻沒有關於我的網站,當我看控制檯我沒有得到任何錯誤。 Jquery被加載,我正在運行另一個東西。但由於某種原因,我不能加載這個腳本。有沒有其他的方式來改變沒有JQuery的鏈接?例如,可能與DOM? – 2014-09-01 18:46:13

+0

檢查錨點和選擇標記的ID。還要確保事件已附加到dom中。 – 2014-09-01 19:02:25

+0

這是一個小提琴,我做了它不工作,但它應該有可能在Javascript中做這樣的事情,並跳過jQuery的? http://jsfiddle.net/50sdfwen/ – 2014-09-01 19:02:41

相關問題