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