繁体   English   中英

使用带有两个的 html 表单</form>和提交按钮?

[英]using html form with two </form> and submit buttons?

 var el = document.getElementById('btn1'); el.addEventListener('click', function() { var hidEl = document.getElementById('hidElement'); hidEl.value = 'Add'; var form = document.getElementsByTagName('form'); form.submit(); }); var el2 = document.getElementById('btn2'); el2.addEventListener('click', function() { var hidEl = document.getElementById('hidElement'); hidEl.value = 'Print'; var form = document.getElementsByTagName('form'); form.submit(); });
 <?php if($_POST["hidElement"]=='Add') echo "add"; else echo "Print"; ?> <form action="" method=""> <input type="text" name="nasir" > <input type="hidden" name="hidElement" id="hidElement" /> <input type="button" id="btn1" value="Submit & Add"> <input type="button" id="btn2" value="Submit & Print"> </form>

<?php 
if(isset($_POST["yasir"]))
echo "Submit & Print";
else
echo "Submit & Add";
?>
    <form action="" method="">          
        <input type="text" name="nasir" >
        <input type="submit" value="Submit & Add">
    </form>

        <input type="hidden" name="yasir">
        <input type="submit" value="Submit & Print">
    </form>

第二种形式没有第二次开始。 我希望两个表单都使用相同的 ,但是 PHP 将如何识别按下了哪个表单按钮。 我在上面尝试过,但在这两种情况下它都提交了第二个 yasir 隐藏输入!!! 第一种形式有很多输入。

请试试这个

 <form action="" method="post">          
    <input type="text" name="nasir" >
    <input type="submit" value="Submit & Add" name="first_btn">

    <input type="hidden" name="yasir">
    <input type="submit" value="Submit & Print"  name="second_btn">
</form>

在 php 中,您可以使用它进行检查

<?php
if(isset($_POST['first_btn'])){
   /*first form submit*/
}
if(isset($_POST['second_btn'])){
   /*second form submit*/
} 
?>

在这种情况下,最好使用 javascript 来处理表单发布。 您可以将按钮添加到相同的表单中,以便使用 javascript 添加和打印并处理对它们的点击。 像下面这样:

<form action="" method="" id="form">          
    <input type="text" name="nasir" >
    <input type="hidden" name="hidElement" id="hidElement" />
    <input type="button" id="btn1" value="Submit & Add">
    <input type="button" id="btn2" value="Submit & Print">
</form>

在 JavaScript 中

var el = document.getElementById('btn1');
el.addEventListener('click', function() {
  var hidEl = document.getElementById('hidElement');
  hidEl.value = 'Add';
  var form = document.getElementById('form');
  form.submit();
});
var el2 = document.getElementById('btn2');
el2.addEventListener('click', function() {
  var hidEl = document.getElementById('hidElement');
  hidEl.value = 'Print';
  var form = document.getElementById('form');
  form.submit();
});

在 PHP 中,您可以根据 hidElement 值进行检查。

每一个也应该有一个结束。 否则它不会工作尝试

<form action="" method="post">          
<input type="text" name="nasir" >
<input type="submit" value="Submit & Add" name="btn1">

<input type="hidden" name="yasir">
<input type="submit" value="Submit & Print" name="btn2">
</form>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM