您好,我需要帮助才能执行以下操作:我需要从带有数据表(从我的数据库中提取)的模式中,将它们动态添加到另一个表中。这是我的模态布局,显示来自我的数据库的信息:
这是我用来显示数据的代码:venta_venta.php
<?php
require_once('php/conexion.php');
# code...
// PARA OBTENER LOS DATAS DE LA TABLA CLIENTE ====================
$sql = "SELECT * FROM cliente";
$result = $conn->query($sql);
// PARA OBTENER LOS DATAS DE LA TABLA PRODUCTO====================
$sql2="SELECT * FROM producto";
$result2=$conn->query($sql2);
?>
<table class="table table-bordered table-hover">
<thead>
<tr>
<th>Articulo</th>
<th>Unidad M.</th>
<th>Valor</th>
<th>Categoria</th>
<th>P.Unitario</th>
<th>Imagen</th>
<th>Accion</th>
</tr>
</thead>
<tbody>
<?php
if ($result2->num_rows > 0) {
// output data of each row
while($row = $result2->fetch_assoc()) {
echo '<tr><td>'.$row["nombre"].'</td><td>'.$row["unidad_medida"].'</td><td>'.$row["peso"].'</td><td>'.$row["categoria"].'</td><td>'.$row["precio"].'</td><td><img height="100" width="100" src="php/'.$row["imagen"].'" alt="img01" /></td><td><button type="button" class="btn btn-primary" id="idagregar" data-dismiss="modal"><i class="fa fa-plus" ></i> Agregar</button></td></tr>';
}
} else {
echo "0 results";
}
$conn->close();
?>
</tbody>
</table>
我希望从为每一行生成的添加按钮中,我可以将该行的数据添加到另一个表中:
但是每行只能添加一次。除此之外,同时我希望在此表中生成一个输入文本以指示所述产品的数量以及删除该行的删除按钮。像这样的东西:
我一直在到处寻找,但找不到与我需要的东西相关的任何东西。我想尽可能避免使用库,因为我刚刚开始使用 Web 编程,而且我认为在我所处的水平上使用库会不利于我的学习。提前致谢。
步骤如下:
parentNode
或者parent()
如果你使用 jQuery 的话。<input type="number" ... />
金额。您将输入添加到单元格。<button ...>Descartar</button>
以丢弃该产品。您将按钮添加到单元格。<tbody>
目标表。使用 jQuery 就更容易了:
而不是使用
document.createElement
,您只需使用该方法append
并将要添加的元素作为字符串传递。例如:并丢弃产品:
随着数量的变化更新价格
要在数量增加/减少时更新价格,有必要
change
在数量输入上放置一个每个事件的侦听器。data-price
此外,为方便起见,每次向目标表添加一行时,我们都会将产品价格存储在一个属性中。在新行中,我们添加:
我们
<input />
添加监听器的数量:以及更改事件的侦听器:
结果