一个表单，其中包含两个提交按钮，每个按钮具有不同的操作

php forms

2022-08-30 13:44:59

我花了几个小时试图找到解决问题的方法，但似乎找不到合适的解决方案。提前感谢您的协助！

我有一个html表单，带有：

<form id="columnarForm"  action="formindb_hoh_1.php" enctype="multipart/form-data" method="post" />

我想有两个提交按钮：

<input type="image" name="camper" value="camper" src="../images/apps/camperBtn.png" class="submit_button" />
<input type="image" name="medical" value="medical" src="../images/apps/medicalBtn.png"class="submit_button" />

我希望第一个提交按钮在单击时具有formindb_hoh_1.php的操作，第二个提交按钮具有formindb_hoh_2.php的操作，但我不确定如何使一个按钮具有一个操作，而另一个按钮具有不同的操作。

答案 1

没有JS，使用HTML5。

更改提交按钮以使用新的 HMTL5 按钮属性属性：

<button type="submit" name="camper" formaction="formindb_hoh_1.php">Camper</button>
<button type="submit" name="camper" formaction="formindb_hoh_2.php">Medical</button>

参考资料： http://devdocs.io/html/element/button

答案 2

参考这个：

多个提交按钮 php 不同的操作

将此脚本放在您的页面中：

<script>
    function submitForm(action)
    {
        document.getElementById('columnarForm').action = action;
        document.getElementById('columnarForm').submit();
    }
</script>

修改您的输入代码：

<input type="image" name="camper" onclick="submitForm('formindb_hoh_1.php')" value="camper" src="../images/apps/camperBtn.png" class="submit_button" />
<input type="image" name="medical" onclick="submitForm('formindb_hoh_2.php')" value="medical" src="../images/apps/medicalBtn.png"class="submit_button" />