变化行动

Question

我怎样才能改变onSubmit值动态或者我应该删除onSubmit并有<action="return zomlink();">

我想是改变action/onsubmit链接到一个新的链接取决于他们选择什么样的选择下拉框。我不能使用Jquery我需要它在简单javascript窗体。

<form method="post" id="buyvipform" name="buyvipform" class="buyvipform" onSubmit="return zomlink();"> 

<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/vbestall.png) no-repeat; width: 106px; height: 40px; border: 0px;"> 
<input type="hidden" name="hide_credits" value="True"> 

</form> 

脚本：

function zomlink() { 
    if(document.zomlink.value == '1906104') { 
    document.buyvipform.action = 'http://google.com'; 
    } 
    if(document.zomlink.value == '1906125') { 
    document.buyvipform.action = 'http://facebook.com'; 
    } 

    return true; 
} 

小提琴：http://jsfiddle.net/6x4u28yd/

Answer 1

编辑：这是一个非jQuery的解决方案。

<form method="get" id="buyvipform" name="buyvipform" class="buyvipform"> 

<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="hidden" name="hide_credits" value="True"> 

</form> 

<button onclick="zomlink()">Submit</button> 


<script> 

function zomlink() { 

    var myForm = document.forms["buyvipform"]; 

    if(document.getElementById("zomlink").value == '1906104') myForm.action = 'http://google.com'; 
    else if(document.getElementById("zomlink").value == '1906125') myForm.action = 'http://facebook.com'; 

    document.getElementById("buyvipform").submit(); 

} 
</script> 

Answer 2

取而代之的是submit输入的，设定你的输入为type=button和onclick=""事件添加到它，检查你想要的条件。

然后，从表单DOM元素调用.submit();方法。

<form method="post" id="buyvipform" name="buyvipform" class="buyvipform"> 

    <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="button" onclick="zomlink();" value="Submit" style="background:url(<?php bloginfo('template_directory'); ?>/images/vbestall.png) no-repeat; width: 106px; height: 40px; border: 0px;" /> 
    <input type="hidden" name="hide_credits" value="True" /> 

</form> 

JS：

function zomlink() { 
    var form = document.getElementById("buyvipform"); 
    var select= document.getElementById("zomlink"); 

    if(select.value == '1906104') { 
     form.action = 'http://google.com'; 
    } 
    if(select.value == '1906125') { 
     form.action = 'http://facebook.com'; 
    } 

    form.submit(); 
}