在php中单击按钮添加表行并设置字段值 - javascript

我有一个表单，必须在单击按钮时添加表行。

这是我必须动态添加的表行：（addProdToGroup.php）

<tr style="text-align: center;" id="products">
  <td><?php $j ?></td>
  <td><select class="form-control" name="code" id="productID" style="width: 429px;">
    <?php

    $sql = "SELECT * FROM `product`";
    $result = $conn->query($sql);

    if ($result->num_rows > 0) {
        // output data of each row
        while($row = $result->fetch_assoc()) {
          echo "<option id='".$row['code']."' value='".$row['code']."'>".$row['pname']."</option>";
        }
    } else {
        echo "0 results";
    }
    ?>
    </select>
  </td>
  <td><input type="text" name="hsnNo" id="hsnNo" readonly></td>
  <td><input type="text" name="qty" id="qty" readonly></td>
  <td class="coljoin"><input type="number" format="2" name="amount"></td>
  <td>
    <span class="fa fa-trash"></span>
  </td>
</tr>

这是我必须在其中添加上述行的表：（order.php）

<table id="productTable" class="table-c">
                  <tr>
                    <th class="text-center" style="width: 5%;">SR No.</th>
                    <th class="text-center" style="width: 45%">DESCRIPTION</th>
                    <th class="text-center" style="width: 10%">HSN/SAC</th>
                    <th class="text-center" style="width: 10%">QTY IN-HAND</th>
                    <th class="text-center" style="width: 10%">ENTER OUTWARD QTY</th>
                    <th class="text-center" style="width: 5%">Delete</th>
                  </tr>
                  <div class="dynamics">

                  </div>
                </table>

单击该按钮后，将为PHP代码调用AJAX查询。 Ajax代码是：（order.php）

<script>
  $(document).ready(function(){
    $('#addOrderProduct').click(function(){
      var j = 1;
      var dataString = "j="+j;
      $.ajax({
        url: "addProdToOrder.php",
        type: "post",
        data: dataString,
        success: function(response){
          $('.dynamics').html(response);
        }
      });
    });
  })
</script>

输出应如下所示：
Format for the rows

另外，我有一个脚本，可以在从下拉列表中选择产品时更新字段。如何使运行到表单中的每一行？
这是用于更新字段的代码：（order.php）

$('#productID').change(function(){
      var code = $(this).val();
      console.log(code);
      var dataString = 'code='+code;

      $.ajax({
        url: "getProdDets.php",
        type: "post",
        data: dataString,
        success: function(response){
          var Vals = JSON.parse(response);
          console.log(Vals);
          $("input[name='hsnNo']").val(Vals.hsnNo);
          $("input[name='qty']").val(Vals.qty);
          console.log(Vals.hsnNo);
          console.log(response);
        }
      });
    });

javascript大神给出的解决方案

在表中将div更改为tbody并使用.append()添加动态行，例如，

HTML更改：

<table id="productTable" class="table-c">
    <thead>
        <tr>
            <th class="text-center" style="width: 5%;">SR No.</th>
            <th class="text-center" style="width: 45%">DESCRIPTION</th>
            <th class="text-center" style="width: 10%">HSN/SAC</th>
            <th class="text-center" style="width: 10%">QTY IN-HAND</th>
            <th class="text-center" style="width: 10%">ENTER OUTWARD QTY</th>
             <th class="text-center" style="width: 5%">Delete</th>
         </tr>
    </thead>
    <tbody class="dynamics"></tbody>
</table>

success中的更改

....
success: function(response){
    $('.dynamics').append(response);
}
....

如何添加5分钟的JavaScript倒数计时器来提交表单 - javascript

我想添加5分钟的倒数计时器，将其提交到我的php页面。 <form name="myfm" id="myfm" method="post" action="Quiz.php"> <table width=100%> <tr> <td wi…

包含输入和/或文本的SerializeArray表行。怎么样？ - javascript

我创建了一个生成估计的表格。我已经弄清楚了如何添加，更新订单项和估算总额以及删除订单项和估算总额。我现在想做的是，一旦用户在下表中完成数据输入，我需要用户能够使用估计主键tbl_estimate保存该估计，因此...我需要翻转每个表行转换为以下JSON格式，然后将其提交到PHP PDO页面进行处理。我怎样才能序列化一个表？// DESIRED JSON FO…

将python scikit学习模型导出到pmml - python

我想将python scikit-learn模型导出到PMML。哪个python软件包最合适？我阅读了有关Augustus的内容，但是我无法使用scikit-learn模型找到任何示例。 python大神给出的解决方案 SkLearn2PMML是 JPMML-SkLearn命令行应用程序周围的薄包装。有关受支持的Scikit-Learn Estimator和…

剃刀付款集成->如何通过关闭按钮X检测剃刀付款模型是否关闭 - javascript

当用户关闭而无需付款时，我在CI框架中使用Razorpay，请创建razor支付模型，然后取消订单，我希望按状态更改为已取消的状态触发查询。所以我怎么能检测到这一点。我已经通过单击jQuery单击关闭功能但无法使用... javascript大神给出的解决方案 Razorpay提供了JS方法来检测模式关闭。您编写的任何JS代码都不会在结帐页面上运行，因为它是…

服务器响应后如何在Symfony2中显示警报或信息消息而无需重新加载页面 - javascript

我正在用Symfony2为配镜师创建一个管理应用程序。当管理员将新客户添加到数据库时，我的控制器将检查客户名称是否重复。我想显示一个弹出对话框，询问用户是否要添加新客户。我该如何实施？我应该使用Ajax吗？这是我在这种情况下使用的控制器的示例代码：public function nouveauAction(Request $request) { $form …