根据下拉值动态提交表单

时间:2017-02-01 13:27:26

标签: javascript php jquery html

我想提交表格(或设定行动价值)以及以下详情

  1. 如果选择'cash',则转到a.php
  2. 否则转到b.php 点击提交按钮。
  3. <tr>  
        <td>
            <label for="payment">Payment Mode:</label>
        </td>  
        <td>
            <select id="payment" name="payment" required="required">  
                <option value="">Select one...</option>  
                <option value="Cash">Cash</option>
                <option value="Cheque">Cheque</option>  `enter code here`
                <option value="Draft">Draft</option>                                                                   
            </select>
        </td>
    </tr>
    

2 个答案:

答案 0 :(得分:0)

我认为最佳做法是在提交时始终转到相同的php文件,并检查if($_POST["payment"] == "cash")

答案 1 :(得分:0)

以下是执行您想要的代码段:

$("#payment").on("change", function() {
    if($(":selected", this).val() === "Cash") {
        $("#YourFormId").attr("action", "a.php");
    };
    else {
        $("#YourFormId").attr("action", "b.php");
    }
    $("#YourFormId").submit();
});

这会将change事件处理程序附加到select,检查所选选项的值并根据您的条件设置表单的正确操作

但您需要更改表单选择器以定位您要提交的表单。

工作jsfiddle