如何根據使用單個表單選擇的單選按鈕來修復代碼以轉到不同頁面

Question

我想轉到一個單獨的表單中選擇的（單選按鈕）不同的模板（頁面）。 我只想在表單中包含一個按鈕。

在這里，好像有人選擇template1我將轉到template1.php頁面。 如果選擇template2我將轉到template2.php。

我將以下代碼另存為form.php

<form method="POST" action=
                          "<?php if(($rb = $_POST('template'))=='1'){?>
                                          template1.php 
                           <?php } 
                            if(($rb = $_POST('template'))=='2'){?>
                                          template2.php 
                            <?php } ?>"
                            enctype="multipart/form-data"> 
         <label>First Name: </label>
         <input type="text" name="firstname">
         <label>Last Name: </label>
         <input type="text" name="lastname">
         <input type="radio" value="1" name="template">Template 1
         <input type="radio" value="2" name="template">Template 2
         <button type="submit" name="upload">POST</button>      

  </form>

Answer 1

為此，請使用JavaScript。 PHP是一種服務器端語言，這意味着您必須在PHP知道選擇哪個選項之前將表單提交給服務器。 當您更改此權限時，JavaScript可以處理此權限，因為它是一種客戶端語言。

創建一個事件偵聽器，以單擊名稱為template的輸入。 然后相應地切換操作。

 $("input[name=template]").on("click", function() { var action = ""; switch($(this).val()) { case "1": action = 'template1.php'; break; case "2": action = 'template2.php'; break; } $(this).parent("form").prop("action", action); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form method="POST" action="" enctype="multipart/form-data"> <label>First Name: </label> <input type="text" name="firstname"> <label>Last Name: </label> <input type="text" name="lastname"> <input type="radio" value="1" name="template">Template 1 <input type="radio" value="2" name="template">Template 2 <button type="submit" name="upload">POST</button> </form>