有条件提交表格未发布答案

【问题标题】：Conditional Submit Form Not Posting有条件提交表格未发布
【发布时间】：2018-01-20 06:17:36
【问题描述】：

我正在尝试找出一种方法，根据所做的选择将表单提交到不同的 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";
    }
}

【问题讨论】：

标签： javascript forms submit

【解决方案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";
    }
}

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

【讨论】：

【解决方案2】：

好的，我整理了这个。将代码更改为：

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

【讨论】：