Html 将表单元素指定给多个表单_Html_Forms

Html 将表单元素指定给多个表单

html forms

Html 将表单元素指定给多个表单,html,forms,Html,Forms,我有一个带有两个提交按钮的小表单，单击每个按钮，我希望表单数据被发送到不同的PHP文件。但是，两个提交按钮都将表单数据发送到表单标记的action属性中指定的默认PHP文件。是否有一种方法可以使用不同的按钮将表单数据发送到不同的文件。通过在第二个提交按钮中重新定义action属性，我尝试这样做是不成功的 <div class="dropdown dropdown-dark"> <select name="p

我有一个带有两个提交按钮的小表单，单击每个按钮，我希望表单数据被发送到不同的PHP文件。但是，两个提交按钮都将表单数据发送到表单标记的action属性中指定的默认PHP文件。是否有一种方法可以使用不同的按钮将表单数据发送到不同的文件。通过在第二个提交按钮中重新定义action属性，我尝试这样做是不成功的

                <div class="dropdown dropdown-dark">
                    <select name="promoteyearselect1" id="promoteyearselect1" class="dropdown-select"  onfocus="showhidephdmenu()" form="promotionform" required>
                        <option value="">Select an option</option>
                            <div id="yearselect1">
                                <option value="1">1st</option>
                                <option value="2">2nd</option>
                                <option value="3">3rd</option>
                                <option value="4">4th</option>
                                <option value="5">5th</option>
                            </div>  
                        </option>
                    </select>
                </div> 


                    <select name="promotesemselect1" id="promotesemselect1" class="dropdown-select" form="promotionform" required>
                        <option value="">Select an option</option>
                        <option value="1">1st</option>
                        <option value="2">2nd</option>
                        <option value="3">3rd</option>
                        <option value="4">4th</option>
                        <option value="5">5th</option>
                        <option value="6">6th</option>
                        <option value="7">7th</option>
                        <option value="8">8th</option>
                        <option value="9">9th</option>
                        <option value="10">10th</option>


                    </select>





<form id="promotionform" action="promotestudents.php" method="POST">


                <div style=" position:relative; margin-top:10px; padding-left:44%;">  
                    <input type="submit" value="Promoted" class="button black" />
                    <input type="submit" value="Passed Out" class="button black" form="promotionform" action="alumni.php"/>
                </div>

            </form>


选择一个选项
第一
第二
第三
第四
第五
选择一个选项
第一
第二
第三
第四
第五
第六
第七
第八
第九
第十

两个单独的表单不起作用，页面将在两者之间提交。您需要Ajax在后台发送数据，而无需刷新页面

只需使用：

最后，在这段代码的帮助下完成了这项工作。资料来源：


多个提交按钮用PHP解决！
点击提交按钮

您需要Javascript或两个单独的表单来完成此操作。我的字面意思是：两个表单如何实现？选择输入已经具有表单属性。如何将它们也指定为另一种形式？是否可以通过简单地在HTML中为每个submit按钮指定action标记来实现这一点。我认为您使用jQuery也做了同样的事情。即使在编写了这段代码之后，它也会指向默认的promotestudents.php，而不是第二个php文件：/

$(document).ready(function(){
   $('#button1').click(function(){
      $('#yourForm').attr("action","phpFile1.php");
      $('#yourForm').submit();
   });
   $('#button2').click(function(){
      $('#yourForm').attr("action","phpFile2.php");
      $('#yourForm').submit();
   });

});

 <?php

    if(isset($_POST['submit1']))
    {
    echo "You hit the button 1";
    }
    if(isset($_POST['submit2']))
    {
    echo "You hit the button 2";
    }

    ?>

<html>
<head><title>Multiple Submit button Solved with PHP!</title></head>
<body>
<form action="" method="post">

<h2> Hit the Submit Button</h2>

<input type="submit" name="submit1" value="btn1" />
<input type="submit" name="submit2" value="btn2" />

</form>
</body>