進行表格提交後，其中3個條目將會保持原樣，其餘3個將成爲空

Question

我想創建一個用於輸入帳單詳細信息的頁面，所以我創建了表單staffcontentCID.php其中包含我的表單。 該形式具有6個條目：userid，customerid，transactionid，itemcode，itemquantity，itemprice並且該值被存儲在使用bill.php數據庫。 它是成功的，但需要更多的東西，當我提交表單時，所有的值都設置爲空，所以我想到了一些過程，在提交表單時，表單條目（userid,customerid,transactionid）將具有最後一個值輸入到它們中，這樣我就不必一次又一次重新輸入所有這些，並且其餘條目（itemcode,itemquantity,itemprice）將變爲空，因爲我可以使用先前輸入的相同ID輸入下一個產品。它會一直持續到最後一次，當我按打印按鈕進行票據打印時（我將在我的代碼中添加），所有值都將再次爲空。

形式的代碼是：

<div class="w3-half" style="display:inline;height:400px;"> 
<div class="w3-container"> 

<form action="./database/bill.php" method="post" style="margin-left:100px;margin-top:150px;"> 
<table cellspacing=20px> 

<tr> 
<td> 
<center> 
<b>User ID :</b> 
</center> 
</td> 
<td> 
<input name="uid" type="varchar"> 
</td> 
</tr> 

<tr> 
<td> 
<center> 
<b>Customer ID :</b> 
</center> 
</td> 
<td> 
<input name="cid" type="varchar"> 
</td> 
</tr> 

<tr> 
<td> 
<center> 
<b>Transaction ID :</b> 
</center> 
</td> 
<td> 
<input name="tid" type="varchar"> 
</td> 
</tr> 


<tr> 
<td> 
<center> 
<b>Item Code :</b> 
</center> 
</td> 
<td> 
<input name="ic" type="varchar"> 
</td> 
</tr> 

<tr> 
<td> 
<center> 
<b>Item Quantity :</b> 
</center> 
</td> 
<td> 
<input name="iq" type="number"> 
</td> 
</tr> 

<tr> 
<td> 
<center> 
<b>Item Price :</b> 
</center> 
</td> 
<td> 
<input name="ip" type="number"> 
</td> 
</tr> 

<tr> 
<td> 
</td> 
<td> 
<input type="submit"> 
</td> 
</tr> 
</table> 
</form> 

</div> 
</div> 

<div class="w3-half" style="display:inline;height:400px;"> 
<div class="w3-container"> 

transaction id : 
</div> 

</div> 

和代碼bill.php是

<?php 
//store.php 

// Create connection 
$conn = new mysqli('localhost','root','','master'); 

// Check connection 
if ($conn->connect_error) { 
    die("Connection failed: " . $conn->connect_error); 
} 

//go query 

$r = $_POST['cid']; 
$e = $_POST['uid']; 
$q = $_POST['ic']; 
$j = $_POST['tid']; 
$h = $_POST['ip']; 
$i = $_POST['iq']; 
$x = mysqli_query($conn,"insert into transactionb values('".$j."','".$r."','".$e."','".$q."','".$i."','".$h."')"); 
echo mysqli_error($conn); 
if($x){echo 'success'; 
echo '<script>window.location = "../staffentryCID.php"</script>';} 

$conn->close(); 
?> 

Answer 1

您可以在此使用ajax和jQuery實現。

注：如果使用此那麼你的表單提交會在這個意義上充當不同的頁面沒有加載，並帶你到bill.php，而不是它的形式發送到bill.php和形式會插入數據庫而不離開當前頁面。其次，使用這個你必須包含jQuery庫到你的腳本。你可以用下面的代碼替換你的代碼。

<div class="w3-half" style="display:inline;height:400px;"> 
<div class="w3-container"> 

<form id="myForm" style="margin-left:100px;margin-top:150px;"> 
<table cellspacing=20px> 

<tr> 
<td> 
<center> 
<b>User ID :</b> 
</center> 
</td> 
<td> 
<input name="uid" type="varchar"> 
</td> 
</tr> 

<tr> 
<td> 
<center> 
<b>Customer ID :</b> 
</center> 
</td> 
<td> 
<input name="cid" type="varchar"> 
</td> 
</tr> 

<tr> 
<td> 
<center> 
<b>Transaction ID :</b> 
</center> 
</td> 
<td> 
<input name="tid" type="varchar"> 
</td> 
</tr> 

<tr> 
<td> 
<center> 
<b>Item Code :</b> 
</center> 
</td> 
<td> 
<input name="ic" type="varchar" id="ic"> 
</td> 
</tr> 

<tr> 
<td> 
<center> 
<b>Item Quantity :</b> 
</center> 
</td> 
<td> 
<input name="iq" type="number" id="iq"> 
</td> 
</tr> 

<tr> 
<td> 
<center> 
<b>Item Price :</b> 
</center> 
</td> 
<td> 
<input name="ip" type="number" id="ip"> 
</td> 
</tr> 

<tr> 
<td> 
</td> 
<td> 
<input type="submit"> 
</td> 
</tr> 
</table> 
</form> 

</div> 
</div> 

<div class="w3-half" style="display:inline;height:400px;"> 
<div class="w3-container"> 

transaction id : 
</div> 

</div> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script> 
    $('form#myForm').submit(function(e){ 
     e.preventDefault(); // this will prevent the page from going to bill.php 
     $.ajax({ 
      url: "./database/bill.php", 
      type: "POST", 
      data: $(this).serialize(), 
      success: function(){ 
       // This code below will reset the values of the input field you want it be empty after form submission 
       $('input#ic').val(''); 
       $('input#iq').val(''); 
       $('input#ip').val(''); 
      } 
     }) 
    }) 
</script> 

現在你注意到了，我給了form一個id，你也希望它是表單提交後空input領域。然後，我重置他們的價值沒有任何表格提交後成功

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.