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