Question

所以我有这个表格，下拉列表和两个按钮。我希望能够从下拉列表中选择一些内容，并根据我按下的按钮将该信息发送到两个不同的页面。

    <form action="(edit_user.php or create_user.php)" method="POST">
        <select id="dropdown" name="users" size="30">
            <option value="user1">Joe</option>
            <option value="user2">Jane</option>
            <option value="user3">Snuffy</option>
            <option value="user4">Mahabirsinghmatos</option>
        </select>
        <input type="submit" value="Create User" />
        <input type="submit" value="Edit User" />
    </form>

我想根据我按下的按钮将表单信息发送到这两个php文件中的一个。

我将如何做到这一点？

Answer 1

提交提交按钮名称：

<input type="submit" name="task" value="Create User" />
<input type="submit" name="task" value="Edit User" />

让处理action的PHP脚本确定运行它的文件。

e.g。

if (!isset($_POST['task'])) {
    # Some default action
} elseif ($_POST['task'] == "Edit User") {
    include('edit_user.php');
} elseif ($_POST['task'] == "Create User") {
    include('create_user.php');
} else {
    # Some error state
}

Answer 2

您可以在提交按钮action中更改表单的onclick - 属性 - 事件：

在表单和按钮中添加一些ID：

 <form action="(edit_user.php or create_user.php)" method="POST" id="theForm">
        <select id="dropdown" name="users" size="30">
            <option value="user1">Joe</option>
            <option value="user2">Jane</option>
            <option value="user3">Snuffy</option>
            <option value="user4">Mahabirsinghmatos</option>
        </select>
        <input type="submit" value="Create User" id="btnCreate"/>
        <input type="submit" value="Edit User" id="btnEdit"/>
    </form>

脚本：

var form = document.getElementById('theForm');
document.getElementById('btnCreate').onclick = function() {
    form.action='create_user.php';
}
document.getElementById('btnEdit').onclick = function() {
    form.action='edit_user.php';
}

表格根据您按下的按钮将信息发送到不同的页面

2 个答案: