表單根據您按哪個按鈕發送信息到不同的頁面

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

有一個處理PHP腳本的action確定哪些文件雖然運行它。

例如

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 -property的形式onclick -events：

添加一些IDS的形式和按鈕：

<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'; 
}