Javascript HTML 表單數據未發布到 PHP 頁面

Question

我正在創建一個購物車 function 將商品添加到購物車，然后如果用戶按下訂單按鈕，那么我希望將數據發布到我的 PHP 頁面。 我有以下 HTML

 <div class="main">
  <form action = "test.php" method = "POST">
   <div class = "cart-items">   

   </div>
   <div class="btn btn-primary btn-purchase"><input type = "submit" name ="submit" class="btn_1 gradient full-width mb_5">Order Now></div>
  </form>
 </div>

我使用 javascript 填充“購物車項目”class，

var cartRowContents = 
`<ul class="clearfix">
  <div class="cart-item cart-column">
    <li class = 'remove'>
      <a href="#0"><input type = "hidden" name = "selectedIDs[]"  value="${itemID}"></a>
   </li>
 </div>
</ul>`

href 標簽僅應用了 css，我測試了刪除標簽以查看是否是問題所在，但它仍然沒有顯示“selectedIDs”發布數據。

我在 test.php 中的代碼如下。 表單正在發布，正如我在 isset function 中看到的那樣，但唯一發布的是來自提交按鈕的“提交”。

<?php
   if(isset($_POST["submit"]))
   {
       echo "yes it has submitted";
   }
   print_r($_POST);
?>

請參閱下面的購物車在控制台日志中的外觀。 “購物車項目” class 中還有其他元素，但我將它們從本示例中刪除以保持清晰。

Answer 1

您不能使用提交到 append 的隱藏按鈕到表單。 您必須將提交的類型更改為<input type = "button" name ="submit">和 append 隱藏字段到表單，然后通過$('form').submit(); . 當單擊提交按鈕時，提交表單的過程已經開始。

您還可以參考： jQuery not post the all inputs after the.append()