Bueno gente lo que necesito es hacer que la pagina me permita agregar campos dinamicamente (sin recargar) lo cual lo consegui, lo que no puedo hacer es que ese campo que se agrega se vaya sumando en otro campo que esta fijo.
No se si se entiende bien lo que necesito pero en sintesis
es agregar campos y que estos mismos se sumen
Pongo el codigo que tengo, sobre el que estoy trabajando pero no me anda. Si alguien me puede dar una mano por favor .
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.4.1.min.js"></script>
<script type="text/javascript">
nuevo_campo=0;
function agregar() {
nuevo_campo=nuevo_campo+1;
$("#campos").append('<input type="text" name="cantidad[]" size="25" onChange="sumar()"/> <a href="javascript:agregar();">Agregar</a><br>');
}
</script>
<script>
function sumar() {
<?php
for ( $i = 1 ; $i <= count($nuevo_campo) ; $i ++)
{
?>
var n<? echo $i; ?> = parseInt(document.MyForm.cantidad<? echo $i; ?>.value);
<?php
$paso="n".$i."+".$paso;
}
?>
document.MyForm.resultado.value= <?php echo $paso; ?>;
}
</script>
</head>
<body>
<form name="MyForm">
<ul id="campos">
<input type="text" name="cantidad[]" size="25" onChange="sumar()"/> <a href="javascript:agregar();">Agregar</a><br>
</ul>
Total : <input type="text" name="resultado" size="20">
<input type="button" value="mandar">
</form>
</body>
</html>
