有条件提交表格未过帐

时间:2018-01-20 06:17:36

标签: javascript forms submit

我正在尝试找出一种方法,将表单提交到不同的page.php,具体取决于所做的选择。

以下代码适用于重定向,但不会将信息发布到下一页。

表格

<form id="form1" method="post" action="javascript:redirect();">
    <select id="man" name="man">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
    </select>

    <button type="submit">Continue</button>
</form>

使用Javascript:

function redirect() {
    var Value = document.getElementById("man").value;
    if(Value == 0)
    {
        location.href = "page2.php";
    }
    else
    {
        location.href = "page3.php";
    }
}

2 个答案:

答案 0 :(得分:1)

这是我通常用于此案例的变体。我认为这比通过JS重定向更好:

HTML:

<form id="form1" method="post">
    <select id="man" name="man">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
    </select>

    <button type="submit">Continue</button>
</form>

JS:

form1 = document.getElementById("form1");

form1.onsubmit = formSubmit;

function formSubmit() {
    var manValue = document.getElementById("man").value;

    if (manValue == 0) {
        form1.action = "page2.php";
    } else {
        form1.action = "page3.php";
    }
}

您只需根据选择的选项修改表单的操作。希望它有所帮助。

答案 1 :(得分:0)

好的,我把这个分类了。将代码更改为:

<form action="" method="post" onsubmit="return send(this);">
<select id="man" name="man">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<button type="submit">Continue</button>

<script type="text/javascript">
function send( frm ) {
    if ( frm.man.value == "0" )
        frm.action = "page2.php";
    else
        frm.action = "page3.php";
}
</script>
相关问题