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

时间:2017-10-04 04:14:48

标签: php html

	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隐藏输入! 第一种形式有很多输入。

3 个答案:

答案 0 :(得分:2)

请试试这个

 <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*/
} 
?>

答案 1 :(得分:0)

在这种情况下,最好使用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值进行检查。

答案 2 :(得分:0)

每一个也应该有一个结束。否则它将无法工作 尝试

<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>
相关问题