如何根据使用单个表单选择的单选按钮来修复代码以转到不同页面

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>