Carga de datos en un input

mir_martin9 · #1 (**permalink**) 08/05/2013, 11:38

Hola gente, como puedo cargar datos atraves de un form, y que luego me los muestre, por ejemplo qeu en un caja ponga el nombre toque cargar y luego me deje cargar otro al finalizar me liste todos lo que cargue

mafewo · #2 (**permalink**) 08/05/2013, 11:47

Hola mira primero creas un formulario como este:

Código HTML:

Ver original<form action="accion.php" method="post">
 <p>Su nombre: <input type="text" name="nombre" /></p>
 <p>Su edad: <input type="text" name="edad" /></p>
 <p><input type="submit" /></p>
</form>

y luego para ver el contenido enviado lo mostras asi:

Código HTML:

Ver originalHola <?php echo htmlspecialchars($_POST['nombre']); ?>.
Usted tiene <?php echo (int)$_POST['edad']; ?> años de edad.

mir_martin9 · #3 (**permalink**) 08/05/2013, 11:50

si el formulario esta bien no habia problema, pero tiene que ser con javascript, no con php, igual gracias!

mafewo · #4 (**permalink**) 08/05/2013, 11:50

aca te dejo un ejemplo en javascript:

<!DOCTYPE html>
<html>
<head>
<script>
function greeting()
{
alert("Welcome " + document.forms["frm1"]["fname"].value + "!")
}
</script>
</head>

<body>

What is your name?<br>
<form name="frm1" action="tryjsref_form_onsubmit.htm" onsubmit="greeting()">
<input type="text" name="fname">
<input type="submit" value="Submit">
</form>

</body>
</html>

mir_martin9 · #5 (**permalink**) 08/05/2013, 11:56

pero como hago para que la carga sea en la misma pagina? y cargar varios digamos

mafewo · #6 (**permalink**) 08/05/2013, 12:06

aca te dejo otro ejemplo que usa el getElementById() que a mi modo de ver es mas simple

Código PHP:

Ver original<!DOCTYPE html>
<html>
<head>
<script>
function greeting()
{
//aca vas inicializando las variables con el id de los campos de form
 
var fname = document.getElementById('fname').value;
var fedad= document.getElementById('fedad').value;
document.writeln(fname+fedad)
 
}
</script>
</head>
 
<body>
 
 
<form name="frm1" action="tryjsref_form_onsubmit.htm" onsubmit="greeting()">
Nombre<br>
<input type="text" id="fname"><br>
Edad<br>
<input type="text" id="fedad">
<input type="submit" value="Submit">
</form>
 
</body>

mir_martin9 · #7 (**permalink**) 08/05/2013, 12:16

mmmm pero, si quiero cargar mas gente digamos, cargo 1 persona y toco el boton limpia y me deja cargar otra, y luego con otro boton mostrar el listado

mir_martin9 · #8 (**permalink**) 08/05/2013, 16:35

No me salio...

la ideea es algo asi, tengo ke cargar datos de unas personas nombre apellido telefono, en un array llamado persona, yo lo hize con la funcion carga atraves de un input, para luego mostrar los datos del array con el boton estadistica dejo lo que hize

Cita:

<html>

<head>

<script type="text/javascript">
c=0;
personas=new Array ();

function persona() {

this.nombre="";
this.apellido="";
this.telefono="";

}

function carga() {

nuevoPersona=new persona();
nuevoPersona.nombre=document.frmCarga.txtnombre.va lue;
nuevoPersona.apellido=document.frmCarga.txtapellid o.value;
nuevoPersona.telefono=document.frmCarga.txttelefon o.value;

personas[c]=nuevoPersona;

c++;

}

function estadistica()

</script>
</head>

<body>
<form name="frmCarga">

Nombre:<input type="text" name="txtnombre"><br>
Apellido:<input type="text" name="txtapellido"><br>
Telefono:<input type="text" name="txttelefono"><br>

<input type="button" onclick="carga()" value="Cargar"><br>

<input type="button" onclick="estadistica()" value="estadistica"><br>
</form>

</body>

</html>