Javascript 使用dom脚本更改表单中的操作

如何动态更改

onSubmit

值，或者删除

onSubmit

并进行

编辑：这里是一个非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>


3天试用期（2欧元）
31天（19欧元）
90天（50欧元）
365天（99欧元）
提交
函数zomlink（）{
var myForm=document.forms[“buyvipform”]；
如果（document.getElementById（“zomlink”）.value=='1906104'）myForm.action=='http://google.com';
else if（document.getElementById（“zomlink”）.value=='1906125'）myForm.action='10http://facebook.com';
document.getElementById（“buyvipform”）.submit（）；
}
将您的输入设置为
type=button
，并向其添加
onclick=“”
事件，检查您想要的条件，而不是
submit
输入

然后，调用
.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>

你的意思是，例如，如果有人在不同的页面中选择了不同的选项Form submit？？？嘿，它应该更改Form action链接，或者在本例中，将Form onSubmit值更改为另一个值。因此，表单将被提交到正确的链接。我发布了一条评论，因为我不确定在这种情况下为什么要使用提交按钮。但是，检查一下这个片段，你读过这个问题了吗？“我不能使用Jquery，我需要纯javascript格式”@LcSalazar我道歉。我已经从解决方案中删除了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>

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

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();
}