区块链技术博客
www.b2bchain.cn

在php中单击按钮添加表行并设置字段值 – javascript程序员分享

本文介绍了在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分钟的倒数计时器,将其提交到我的php页面。 <form name="myfm" id="myfm" method="post" action="Quiz.php"> <table width=100%> <tr> <td wi…

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

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

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

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

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » 在php中单击按钮添加表行并设置字段值 – javascript程序员分享
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们