Hola soy nuevo y pretendo hacer una especie de carrito de compra para un proyecto, primero filtrando el tipo de producto y luego se elige el producto segun el tipo seleccionado ( select dependiente) mas la cantidad.
Lo del select me ha funcionado, el problema es que no he podido agregar mas productos :/ he utilizado APPEND pero no sucede nada.
script:
<script type="text/javascript">
$(document).ready(function(){
$("#tipo").change(function(){
$.ajax({
url:"ventaproducto.php",
type: "POST",
data:"id_tipo_producto="+$("#tipo").val(),
success: function(opciones){
$("#producto").html(opciones);
}
})
});
});
</script>
<script type="text/javascript">
$("#add").click(function() {
$("#tablaProducto").append("#fProducto").html();
});
</script>
HTML:
<?php
include "conect.php";
$sql = "select id_tipo_producto, tipo from tipo_producto";
$result = mysql_query($sql, $conexion);
$opciones = '<option value="0"> Elige una marca</option>';
while( $fila=mysql_fetch_array($result,MYSQL_ASSOC) )
{
$opciones.='<option value="'.$fila["id_tipo_producto"].'">'.$fila["tipo"].'</option>';
}
?>
<div> Ventas </div>
<table id="tablaProducto">
<tr id="fProducto">
<td>
<label> Marca:</label>
<select id="tipo"><?php echo $opciones; ?></select>
</td>
<?php include "desconect.php"; ?>
<td>
<label> Modelo:</label>
<select id="producto"><option value="0">Elige un modelo</option></select>
</td>
<td>
<label> cantidad </label>
<input id="cantidad" type="text" maxlength="5" size="7" />
</td>
</tr>
</table>
<button id="add">Añadir Fila</button>
ventaproducto.php (para select dependiente)
<?php
if(isset($_POST["id_tipo_producto"]))
{
$opciones = '<option value="0"> Elige un modelo</option>';
include "conect.php";
$sql = "select id_producto , nombre from producto where id_tipo = ".$_POST["id_tipo_producto"];
$result = mysql_query($sql, $conexion);
while( $fila=mysql_fetch_array($result,MYSQL_ASSOC) )
{
$opciones.='<option value="'.$fila["id_producto"].'">'.$fila["nombre"].'</option>';
}
echo $opciones;
}
include "desconect.php";
?>
quedo atento a cualquier respuesta y tambien a alguna sugerencia de como hacerlo de otro modo, soy nuevo en esto de jquery y js
