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

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

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

1 个答案: