Generar inputs formulario dinámicamente y calcular

zsamer · #1 (**permalink**) 24/10/2006, 16:54

Hola,

Tengo la duda de generar inputs de un formulario dinámicamente, osea que a traves de un boton agregar se generen 3 inputs de un formulario, 2 para ingresar numero y el tercero muestra el resultado de suma de los otros dos.

Es decir, por cada linea de inputs generado realize un calculo de suma.

¿es posible?

Muchas Gracias y salu2

JavierB · #2 (**permalink**) 25/10/2006, 00:38

Hola zsamer

Echa un vistazo a este enlace para crear elementos dinamicamente

Para sumar dos input:

suma = parseInt(document.forms[0]['nombre1'].value) + parseInt(document.forms[0]['nombre2'].value)

Saludos,

zsamer · #3 (**permalink**) 25/10/2006, 06:49

Cita:

Iniciado por JavierB

Hola zsamer

Echa un vistazo a este enlace para crear elementos dinamicamente

Para sumar dos input:

suma = parseInt(document.forms[0]['nombre1'].value) + parseInt(document.forms[0]['nombre2'].value)

Saludos,

Gracias, funcionó perfecto en Mozilla Firefox, la creación de inputs y el calculo, pero en Internet explorer genera bien los inputs pero falla al hacer la suma, no suma los valores.

este es el código:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 

   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

 
<html> 

<head>

<title>Crear input file</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript">

<!--

num=0;

 
function Suma(valorA, valorB, valorC)

{

    var Valor1 = parseInt(document.getElementById(valorA).value);

    var Valor2 = parseInt(document.getElementById(valorB).value);

    

    document.getElementById(valorC).value = parseInt(Valor1+Valor2);

}

 
function crear(obj) {

  num++;

  fi = document.getElementById('fiel'); // 1

  contenedor = document.createElement('div'); // 2

  contenedor.id = 'div'+num; // 3

  fi.appendChild(contenedor); // 4

 
  ele = document.createElement('input'); // 5

  ele.type = 'text'; // 6

  ele.name = 'valor1'+num; // 6

  ele.id = 'valor1'+num; // 6

  ele.setAttribute("onKeyUp","Suma('valor1"+num+"', 'valor2"+num+"', 'total"+num+"')");

  contenedor.appendChild(ele); // 7

  

  ele = document.createElement('input'); // 5

  ele.type = 'text'; // 6

  ele.name = 'valor2'+num; // 6

  ele.id = 'valor2'+num; // 6

  ele.setAttribute("onKeyUp","Suma('valor1"+num+"', 'valor2"+num+"', 'total"+num+"')");

  contenedor.appendChild(ele); // 7

 
  ele = document.createElement('input'); // 5

  ele.type = 'text'; // 6

  ele.name = 'total'+num; // 6

  ele.id = 'total'+num; // 6

  contenedor.appendChild(ele); // 7

   

  ele = document.createElement('input'); // 5

  ele.type = 'button'; // 6

  ele.value = 'Borrar'; // 8

  ele.name = 'div'+num; // 8

  ele.onclick = function () {borrar(this.name)} // 9

  contenedor.appendChild(ele); // 7

}

function borrar(obj) {

  fi = document.getElementById('fiel'); // 1 

  fi.removeChild(document.getElementById(obj)); // 10

}

--> 

</script>

</head>

<body>

<form method="post" action="algo.php">

<fieldset id="fiel">

<input type="button" value="Crear" onclick="crear(this)" />

</fieldset>

</form> 

</body>

</html>

También probé la funcion sumar de la siguiente forma y tampoco funciona en IE y si en mozilla.

Código PHP:

  function Suma(valorA, valorB, valorC)

{

    var Valor1 = parseInt(document.forms[0][valorA].value);

    var Valor2 = parseInt(document.forms[0][valorB].value);

    

    document.forms[0][valorC].value = parseInt(Valor1+Valor2);

}

Alguna sugerencia para que funcione bien en IE.

MUCHAS GRACIAS Y SALUDOS

JavierB · #4 (**permalink**) 25/10/2006, 08:34

Hola de nuevo.

Cambia esta línea:

Código:

ele.onkeyup = function() {Suma('valor1'+num, 'valor2'+num, 'total'+num) }

Lo mismo con el otro elemento que creas dinamicamente.

Saludos,

zsamer · #5 (**permalink**) 25/10/2006, 08:56

porfin, te pasaste, funcionó perfecto.

muchisimas gracias

Saludos

zsamer · #6 (**permalink**) 25/10/2006, 09:43

ahora estoy con vectores, y me arroja el error exlamación de IE.

Código PHP:

  ele.onkeyup = function() {Suma('valor1['+num+']', 'valor2['+num+']', 'total['+num+']') }

alguna ideas? debe ser de sintaxis?

zsamer · #7 (**permalink**) 25/10/2006, 18:58

Cita:

Iniciado por zsamer

ahora estoy con vectores, y me arroja el error exlamación de IE.

Código PHP:

  ele.onkeyup = function() {Suma('valor1['+num+']', 'valor2['+num+']', 'total['+num+']') }

alguna ideas? debe ser de sintaxis?

Solucionado, Gracias.

Salu2