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