Chelo_70

Estimado amigos de Chile comparte, junto con saludarlos, les escribo para pedirles ayuda, estoy aprendiendo JQuery y tengo un pequeño problema, resulta que tengo un formulario el cual genera filas en forma dinámica con JQuery, pero el tema es que requiero que sume los valores hacia el lado por cada fila creada y posteriormente sume los totales, todo automático, sin presionar botones y ahí el problema, he buscado información y no he logrado dar con la solución, si alguien pudiera ayudarme se lo agradecería. Adjunto código por si les sirve. HTML <table> <tr><td colspan="5" style="text-align: right;"><button type="button" class="btn btn-success" id="btn_agregar">Nuevo Item</button></td></tr></table> <tr><td colspan="5"><table class="table" width="100%" border="0"><tr><th class="titTablas" style="width: 70px;">CANTIDAD</th><th class="titTablas" style="width: 300px;">DESCRIPCIÓN</th><th class="titTablas" style="width: 120px;">PRECIO UNITARIO</th><th class="titTablas" style="width: 120px;">TOTAL</th><th></th></tr></table><table class="table" id="tabla" width="100%" border="0"><tr><td style="width: 70px;"><input type="text" name="txt_cant[]" id="txt_cant" style="width: 57px;"></td><td style="width: 300px;"><input type="text" name="txt_desc[]" id="txt_desc" style="width: 280px;"></td><td style="width: 120px;"><input type="text" name="txt_pre_unit[]" id="txt_pre_unit" style="width: 103px;"></td><td style="width: 120px;"><input type="text" name="txt_pre_tot[]" id="txt_pre_tot" style="width: 103px;"></td><td><!--<img src="<?php //echo base_url(); ?>public/images/Close.png" width="17" height="17" id="borrarFila" title="Eliminar">--></td></tr></table><table class="table" width="100%" border="0"><tr><td style="width: 70px;"></td><td style="width: 300px;"></td><td style="width: 120px;" class="subTitTablas">SUBTOTAL</td><td style="width: 120px;"><input type="text" name="txt_subtotal" id="txt_subtotal" style="width: 103px;"></td><td></td></tr></table><table class="table" width="100%" border="0"><tr><td style="width: 70px;"></td><td style="width: 300px;"></td><td style="width: 120px;" class="subTitTablas">IMPUESTO</td><td style="width: 120px;"><input type="text" name="txt_impuesto" id="txt_impuesto" style="width: 103px;"></td><td></td></tr></table><table class="table" width="100%" border="0"><tr><td style="width: 70px;"></td><td style="width: 300px;"></td><td style="width: 120px;" class="subTitTablas">TOTAL</td><td style="width: 120px;"><input type="text" name="txt_total" id="txt_total" style="width: 103px;"></td><td></td></tr></table> JQUERY $('#btn_agregar').click(function(){agregarFila();}); var cont=1; function agregarFila(){ cont++; $("#tabla").append( $('<tr>').append($('<td>').attr('style', 'width:70px').append( $('<input>').attr('type', 'text').attr('name', 'txt_cant[]').attr('style', 'width:57px').attr('id', 'txt_cant')) ).append( $('<td>').attr('style', 'width:300px').append($('<input>').attr('type', 'text').attr('name', 'txt_desc[]').attr('style', 'width:280px').attr('id', 'txt_desc[]') )).append( $('<td>').attr('style', 'width:120px').append($('<input>').attr('type', 'text').attr('name', 'txt_pre_unit[]').attr('style', 'width:103px').attr('id', 'txt_pre_unit'))).append($('<td>').attr('style', 'width:120px').append($('<input>').attr('type', 'text').attr('name', 'txt_pre_tot[]').attr('style', 'width:103px').attr('id', 'txt_pre_tot'))).append($('<td>').append($('<img>').attr('src', 'http://localhost/cotizaonline/public/images/Close.png').attr('width','17').attr('height', '17').attr('id', 'borrarFila') ))); } Saludos y gracias

Gracias!!! por el aporte, muy interesante!!. Saludos

Hola AshWilliams, Gracias por contestar, creo que ya solucione el problema, modifique la forma de enviar los datos por lo tanto seguí el consejo de cañangasñangas y utilice el método POST y al parecer esta todo ok. Gracias por contestar y por la buena onda al darse el tiempo de ayudar. Sigan así Saludos y gracias

Hola cañangasñangas, Primero gracias por contestar, lo que pasa es que la página que estoy realizando está dividida en secciones por eso el uso del GET, entonces hay alguna forma de solucionar el problema del textarea usando GET? Saludos cordiales y gracias

Estimados amigos de chilecomparte, Les escribo una vez más para ver si me pueden ayudar a dar solución a un tema que me está dando dolores de cabeza, les cuento, tengo un formulario el cual cuenta con un textarea, al momento de escribir un texto y enviarlo me aparece el error 400 Bad Request, por lo que me doy cuenta el error se produce al momento de dar un enter para seguir escribiendo en otra línea, ya que como el formulario lo envió por el método GET me doy cuenta que al momento de dar un enter y presionar enviar me pasa por parámetros caracteres basura f%0D%0 si los borro desde el browser la información pasa sin problemas entonces al parecer claramente es el problema, he buscado en todos lados, he cambiado la codificación en todas las paginas pero nada, no resulta espero que alguien si me pueda ayudar a dar solución a este tema ya que no se qué más hacer Saludos cordiales El Chelo

Buenos aportes, bajando!!. Gracias :bravo: