Tengo un modal de bootstrap al cual cargo datos desde mi base de datos en mysql lo que quiero que haga, es que al darle en el boton agregar me agregue el producto de la fila del modal a una tabla en php en otra pagina y al darle en otro producto me agregue el siguiente y asi sucesivamente. Lo que hace ahora es cargar el primer dato que le envió y después al cargar el segundo elimina el que anteriormente envié, entonces lo que deseo es que haga una lista. Agradezco cualquier ayuda.
Lo que necesito es que me envie los datos de la fila aqui, en esta tabla Pero al enviar el primer dato el siguiente borra el primero como si se actualizará. Lo que necesito es que los liste.
Les adjunto el código del archivo agregar.php
<?php
require_once("../clases/conexion.php");
$id = $_POST['codigo'];
$c = $_POST['canti'];
$sql = "select * from tbl_producto where codigo = '$id'";
$result = mysqli_query($con, $sql);
?>
<table class="table">
<tr>
<th class='text-center'>CODIGO</th>
<th class='text-center'>CANT.</th>
<th>DESCRIPCION</th>
<th class='text-right'>PRECIO UNIT.</th>
<th class='text-right'>PRECIO TOTAL</th>
</tr>
<?php
while ($row = mysqli_fetch_array($result)) {
$codigo=$row['codigo'];
$producto=$row['nombre'];
$marca=$row['marca'];
$precio=$row['precio'];
$preciofinal = $precio*$c;
?>
<tr>
<td class="text-center"><?php echo $codigo; ?></td>
<td class="text-center"><?php echo $c; ?></td>
<td><?php echo $producto.' '.$marca; ?></td>
<td class="text-right"><?php echo $precio; ?></td>
<td class="text-right"><?php echo $preciofinal; ?></td>
<td class='text-center'><a href="#" onclick=""><i class="glyphicon glyphicon-trash"></i></a></td>
</tr>
<?php
}
?>
<tr>
<td class='text-right' colspan=4>SUBTOTAL $</td>
<td class='text-right'></td>
<td></td>
</tr>
<tr>
<td class='text-right' colspan=4>IGV $</td>
<td class='text-right'></td>
<td></td>
</tr>
<tr>
<td class='text-right' colspan=4>TOTAL $</td>
<td class='text-right'></td>
<td></td>
</tr>
</table>
Esta es la funcion con la cual le envio los datos para la consulta
function agregar(id){
var cant = document.getElementById('cantidad_'+id).value;
$.ajax({
type: 'POST',
url: "servlet/agregaraPHP.php",
data: "codigo="+id+"&canti="+cant,
success: function (r){
$("#resultados1").html(r);
}
});
}
Y este es el códgio del modal bootstrap
<!-- Modal Busca Producto-->
<div class="modal fade" id="AgregarPro" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Buscar productos</h4>
</div>
<div class="modal-body">
<form class="form-horizontal">
<div class="form-group">
<div class="col-sm-6">
<input type="text" class="form-control" id="filtrar" placeholder="Buscar productos">
</div>
<a href="#" id="bus"><i class='glyphicon glyphicon-search'></i> Buscar</a>
</div>
</form>
<div class="outer_div">
<?php
require './clases/conexion.php';
$sql = "select * from tbl_producto";
$result = mysqli_query($con, $sql);
?>
<div class="table-responsive">
<table class="table">
<tbody class="buscar">
<tr class="warning">
<th>Código</th>
<th>Producto</th>
<th>Marca</th>
<th><span class="pull-right">Cant.</span></th>
<th><span class="pull-right">Precio</span></th>
<th class='text-center' style="width: 36px;">Agregar</th>
</tr>
<?php
while ($row = mysqli_fetch_array($result)) {
$codigo=$row['codigo'];
$producto=$row['nombre'];
$marca=$row['marca'];
$cantidad=$row['cantidad'];
$precio=$row['precio'];
?>
<tr>
<td><?php echo $codigo; ?></td>
<td><?php echo $producto; ?></td>
<td><?php echo $marca; ?></td>
<td class='col-xs-1'>
<div class="pull-right">
<input type="text" class="form-control" style="text-align:right" id="cantidad_<?php echo $codigo; ?>" value="<?php echo $cantidad; ?>">
</div>
</td>
<td class='col-xs-2'>
<div class="pull-right">
<input type="text" class="form-control" style="text-align:right" id="precio" value="<?php echo $precio; ?>">
</div>
</td>
<td class='text-center'>
<a class='btn btn-info'href="#" onclick="agregar(<?php echo $codigo; ?>)"><i class="glyphicon glyphicon-plus"></i></a>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
</div>
</div><!-- Datos ajax Final -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
Por favor, les agradezco por su ayuda.
id resultados1
... pero en principio te puedo decir es que con$("#resultados1").html(r)
borras todo el contenido de ese elemento... quizás deberías usar: .append()....$("#resultados1").append(r)