Tenemos una forma con varios campos dinámicos, los cuales se deben sumar e ir totalizando a medida que se escriben los valores. La sumatoria se refleja en otro campo.
Estamos usando una función de js, para ir haciendo la suma a medida que el campo se captura, utilizamos la propiedad de definición decampos en HTML llamada OnChange. Pero la función no nos reconoce el valor que se captura en el campo tipo INPUT, y por lo tanto no nos ejecuta la sumatoria. Al querer publicar el campo resultado nos genera un error de no identificación del campo pues dice que debe ser un objeto.
Anexamos el script y uno de los errores generados. MIl gracias por su urgente ayuda.
<html>
<head>
<link href="estiloforma10.css" rel="stylesheet" type="text/css">
<script language="javascript">
function sumar1(valor)
{
var res1=valor;
var resul= parseInt(resul)+parseInt(res1) ;
document.forms["forma10"].tot.value=resul;
}
</script>
</head>
<body>
<form name="forma10" method="POST" action="seccion5.php" enctype="multipart/form-data">
<table width="100%" border="1" cellspacing="1" cellpadding="1">
<td>Cantidad de Productos Extranjeros</td>
<td>
<form name="canex" method="POST" action="seccion5.php">
<input type="text" name="canex" size="2" maxlength="2" class="cajita" />
<input type="submit" name="enviarex" value="Continuar" class="boton"/>
</form>
</td>
<td><?php echo $i;?></td>
<?php
for($i=1;$i<=$canex;$i++)
{
?>
<tr>
<td><input name="vrcife[]" type="text" size="10" maxlength="10" onChange="sumar1(this.innerText)" /></td>
</tr>
<?php
}
?>
<tr>
<td colspan="7">Valor total:</td>
<td><input name="tot" type="text" size="12" maxlength="12" value="0" disabled/></td>
</tr>
</table>
</form>
</body>
</html>
ERROR GENERADO
Linea 13
Error : `document.forms.forma10.tot`es nulo o no es un objeto.
De todas formas ¿los campos de texto tienen evento onchange?
