Foros del Web » Programando para Internet » Javascript »

Javascript en Formularios Repetidos

Estas en el tema de Javascript en Formularios Repetidos en el foro de Javascript en Foros del Web. Buenas, Tengo un formulario para añadir o quitar cantidades de una BBDD. Funciona bien. Pero resulta que si aparece más de un producto se duplica ...
  #1 (permalink)  
Antiguo 30/04/2013, 14:56
 
Fecha de Ingreso: mayo-2008
Mensajes: 19
Antigüedad: 16 años, 5 meses
Puntos: 0
Javascript en Formularios Repetidos

Buenas,

Tengo un formulario para añadir o quitar cantidades de una BBDD.

Funciona bien. Pero resulta que si aparece más de un producto se duplica el formulario y ni añade ni quita nada...

¿Hay alguna forma de hacer que el formulario tenga nombre diferente cada vez y permitir al javascript reconocer dónde actua cada vez?

Formulario:

Código HTML:
Ver original
  1. <form name="cambio_cantidad" action="misma_pagina.php" method="POST">
  2. <input type="submit" value="-" onclick="javascript:restar();">
  3. <input name="cantidad" size="1" value="<?php echo $BBDD['Cantidad']; ?>" />
  4. <input type="submit" value="+" onclick="javascript:sumar();">
  5. </form>

Javascript Suma:

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. function sumar() {
  3.     x = document.cambio_cantidad.cantidad.value;   
  4.     r =parseInt(x)+parseInt(1);
  5.     document.cambio_cantidad.cantidad.value = r;
  6. }
  7. </script>

Javascript Resta:

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. function restar() {
  3.     x = document.cambio_cantidad.cantidad.value;   
  4.     r =parseInt(x)-parseInt(1);
  5.     document.cambio_cantidad.cantidad.value = r;
  6. }
  7. </script>


Es muy simple. Lo sé... Lo único es eso... que se me duplica el formulario cuando hay más de un producto para cambiar la cantidad y no me lo hace bien entonces...

Muchas gracias
  #2 (permalink)  
Antiguo 30/04/2013, 15:22
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 3 meses
Puntos: 1532
Respuesta: Javascript en Formularios Repetidos

generar desde PHP un contador para cada form u objeto, luego adaptar las funciones JS para pasar por parámetros dicho contador:

Código Javascript:
Ver original
  1. function sumar(id_obj) {
  2.     var x = document.forms['cambio_cantidad' + id_obj].elements['cantidad'].value;  
  3.     var r =parseInt(x)+1; //si el 1 es estatico no necesita parseint
  4.     document.forms['cambio_cantidad' + id_obj].elements['cantidad'].value = r;
  5. }

Código PHP:
Ver original
  1. <form name="cambio_cantidad<?php echo $contador ?>" action="misma_pagina.php" method="POST">
  2. <input type="submit" value="-" onclick="javascript:restar(<?php echo $contador ?>);">
  3. <input name="cantidad" size="1" value="<?php echo $BBDD['Cantidad']; ?>" />
  4. <input type="submit" value="+" onclick="javascript:sumar(<?php echo $contador ?>);">
  5. </form>
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: formulario, repetidos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:20.