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

Question

 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>

There is no second starting for second form. I want both forms use same , but how PHP will recognize which form button has been pressed. I tried above but in both cases it submiting second yasir hidden input!!! There is alot of inputs in first form.

Answer 1

please try this

 <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>

in php you can check by using this

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

Answer 2

In that case it's better to use javascript to handle form post. You can add to buttons to same form for add and print and handle click on them using javascript. Something like below:

<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>

In 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();
});

In Php you can check based on hidElement value.

Answer 3

For every there should be an end also. Otherwise it will not work try

<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>