02/05/2013, 11:34
|
(Desactivado) | | Fecha de Ingreso: abril-2013 Ubicación: rosario
Mensajes: 248
Antigüedad: 11 años, 6 meses Puntos: 17 | |
Respuesta: Añadir filas a tabla y hacer acciones con las nuevas filas Chelo: segun lo q entendi lo que queres hacer es como un formulario de facturacion, asi que te paso el ejmplo que hice.
Eso si el evento del input.cantidad lo cambie a blur, ya que change no es un evento de input.
en fin te dejo el ejmplo
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
jQuery(document).ready(function() {
jQuery("#cuentas tr td input.cantidad").blur(function(){
var _punit = jQuery(this).parent('td').parent('tr').find('input .precio_unitario');
var _pimporte = jQuery(this).parent('td').parent('tr').find('input .importe');
_pimporte.val(jQuery(this).val() * _punit.val());
});
});
</script>
</head>
<body>
<table id="cuentas">
<tr id="0" class="filas">
<td> <input type="text" name="cantidad[]" id="cantidad-1" class="cantidad" size="3" /> </td>
<td>
<select name="insumo[]" id="insumo">
<option value=""> Selecciona </option>
</select>
</td>
<td> $ <input type="text" name="precio_unitario[]" id="precio_unitario-1" class="precio_unitario" size="8" /> </td>
<td> $ <input type="text" name="importe[]" id="importe-1" class="importe" size="8" /> </td>
</tr>
<tr id="1" class="filas">
<td> <input type="text" name="cantidad[]" id="cantidad-2" class="cantidad" size="3" /> </td>
<td>
<select name="insumo[]" id="insumo">
<option value=""> Selecciona </option>
</select>
</td>
<td> $ <input type="text" name="precio_unitario[]" id="precio_unitario-2" class="precio_unitario" size="8" /> </td>
<td> $ <input type="text" name="importe[]" id="importe-2" class="importe" size="8" /> </td>
</tr>
<tr id="2" class="filas">
<td> <input type="text" name="cantidad[]" id="cantidad-3" class="cantidad" size="3" /> </td>
<td>
<select name="insumo[]" id="insumo">
<option value=""> Selecciona </option>
</select>
</td>
<td> $ <input type="text" name="precio_unitario[]" id="precio_unitario-3" class="precio_unitario" size="8" /> </td>
<td> $ <input type="text" name="importe[]" id="importe-3" class="importe" size="8" /> </td>
</tr>
</table>
</body>
</html> |