Ver Mensaje Individual
  #2 (permalink)  
Antiguo 12/04/2011, 22:24
Avatar de laratik
laratik
 
Fecha de Ingreso: mayo-2010
Ubicación: Cali
Mensajes: 317
Antigüedad: 14 años, 6 meses
Puntos: 63
Respuesta: Insertar tags HTML en una tabla

Intenta con el siguiente código:

Código HTML:
<html> 
<head> 
<script type="text/javascript">


function cargar() {
	var sel = document.createElement("select");
	var opt = document.createElement("option");
	var text = document.createTextNode("opcion1");
	opt.appendChild(text);
	sel.appendChild(opt);
	document.getElementById("target").appendChild(sel);
}

</script>

</head> 
<body>
<table>
<tr><td id="target"></td></tr>
</table>
<input type="button" value="agregar select" onClick="cargar()"/>
</body> 
</html> 
Lo que hace es crear un elemento select, un elemento option y un textNode, el textNode se agrega al option y este se agrega al select, por ultimo se ubica con document.getElementById() el elemento al cual se desea agregar el select y se procede a adicionar. Cada vez que se pulsa el botón "agregar select" se inserta mediante DOM un select con el option y el textNode respectivos.
__________________
Programar apasiona y lo que apasiona es un arte, por lo tanto programar es un arte.

Quiero karma para en mi próxima vida ser un billonario bien dotado con alas.