mostrar los datos de formulario en una tabla

lauramiracle · #1 (**permalink**) 10/08/2009, 12:54

Hola, estoy haciendo una demo en javascript y html y necesito hacer esto:

Tengo un formulario con unos input, donde meto un valor en cada uno,
y un boton, al cual cuando le hago click, me muestre los valores introducidos en una tabla.

es recoger los valores y mostrarlos, pero estoy muy verde y no se como hacerlo...
Gracias

zerokilled · #2 (**permalink**) 10/08/2009, 14:19

te podria ayudar pero me pregunto si ya tienes algun codigo. si no lo tienes, basicamente necesitas crear una funcion que recoja los valores de los elementos y cree una tabla. para leer los valores, puedes comenzar por el objeto document.form.elements donde form es el nombre del formulario. luego creas la tabla con las funciones DOM: document.createElement, table.insertRow, row.insertCell.
http://www.w3schools.com/dom/met_doc...ateelement.asp
http://www.w3schools.com/htmldom/dom_obj_table.asp

lauramiracle · #3 (**permalink**) 12/08/2009, 04:34

Cita:

Iniciado por zerokilled

te podria ayudar pero me pregunto si ya tienes algun codigo. si no lo tienes, basicamente necesitas crear una funcion que recoja los valores de los elementos y cree una tabla. para leer los valores, puedes comenzar por el objeto document.form.elements donde form es el nombre del formulario. luego creas la tabla con las funciones DOM: document.createElement, table.insertRow, row.insertCell.
http://www.w3schools.com/dom/met_doc...ateelement.asp
http://www.w3schools.com/htmldom/dom_obj_table.asp

Muchas gracias, pero la verdad es que debo utilizar algo como innerHTML, esque tengo que modificar sobre algo hecho ya...

de todas maneras tengo en cuenta el DOM...jajaja

zerokilled · #4 (**permalink**) 12/08/2009, 17:05

los metodos DOM pueden operar sobre una base ya hecha. o sea, no tienes que hacerlo todo desde cero. en mi opinion, conviene mejor el DOM que innerHTML, especialmente en las tablas. y sobre todo que el DOM es estandar a diferencia de innerHTML.

diego1311 · #5 (**permalink**) 12/08/2009, 20:39

Solamente copia y pega este codigo:

Código PHP:

  <html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Documento sin título</title>

</head>

 
<body>

<script language="javascript">

function mostrar()

{

    var reg_1=document.getElementById("reg_1");

    var reg_2=document.getElementById("reg_2");

    var reg_3=document.getElementById("reg_3");

 
    document.write(

    "<table cellpadding='5' cellspacing='0' border='1'>" +

    "<tr><td>Registro 1</td><td>Registro 2</td><td>Registro 3</td></tr>"+

    "<tr><td>"+reg_1.value+"</td><td>"+reg_2.value+"</td><td>"+reg_3.value+"</td></tr></table>"

    );

}

</script>

<form>

Registro 1  

  <input type="text" id="reg_1"/><br /><br />

Registro 2 

<input type="text" id="reg_2"/><br /><br />

Registro 3 

<input type="text" id="reg_3"/><br><br />

<input type="button" onclick="mostrar()" value="mostrar en tabla"/>

</form>

</body>

 
</html>

si esto es lo que querias bien por ti, si no pues entonces explica como quieeres mostrar los registrros para ayudarte

Saludos desde Lima-Perú

elvisgt95 · #6 (**permalink**) 29/06/2015, 14:05

necesito q esa tabla se muestre debajo del formulario no q se vaya a otra pagina gracias
saludos elvis

PHPeros · #7 (**permalink**) 29/06/2015, 14:10

elvisgt95, deberías crear un nuevo tema y de paso explicar más detalladamente tu problema