Llevar datos de un formulario a una tabla

Titoooos · #1 (**permalink**) 26/04/2012, 06:38

Bueno hace un tiempo estoy intentando hacer algo por el estilo pero no puedo :/
Pille este código.

Código:

<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>

Pero lo que realmente necesito es que la tabla mantenga su cabecera y solo al clikear el boton se vayan agregando las filas a la tabla

Me serviría de mucha ayuda por favor.

IsaBelM · #2 (**permalink**) 26/04/2012, 07:02

lo primero es que no uses document.write, en su lugar crea la tabla en el body. después investiga sobre la clonación de nodos