Les cuento. Trabajo con jQuery+php.
Tengo una tabla que muestra articulos extraidos desde mysql. En una de las columnas muestro un boton para agregar ese artículo a otra tabla de pedidos y lo saco de la tabla actual.
A cada fila se asigno un id único con:
Código PHP:
<tr id="<?php echo 'id'.$row['id'];?>">
Código PHP:
onclick="agregarItem(<?php echo $row['id'];?>);"
Código PHP:
function agregarItem(cod){
var dataString = 'id=' + cod + '&articulo='+ $('#articulo'+cod).val() + '&cantidad=' + $('#cantidad'+cod).val() + '&precio=' + $('#precio'+cod).val();
$.ajax({
type: "POST",
url: "pedidos_agregar.php", //acá agrega el artículo a la tabla pedidos
data: dataString,
success: function(msj){
if (msj!="") {
$('#cantidad'+cod).focus(); // acá valido que cantidad sea numerico
}
else{
$("#id" + cod).remove(); // remuevo la fila que he agregado
$("#pedido").load("pedidos_pedido.php"); //refresco el div que muestra el pedido
}
}
});
return false;
}
El problema está que en los 2 primeros articulos no me permite remover las filas, pero sí los agrega a la tabla de pedidos. Sólo ocurre en las 2 primeras filas, las otras funcionan normalmente.
Ojalá puedan ayudarme.