Insertar tags HTML en una tabla

bchse777 · #1 (**permalink**) 12/04/2011, 22:05

Hola cómo están, quisiera saber si alguien me podría orientar con un problema que tengo:

Necesito colocar un <select> dentro de una de las celdas de una tabla y no he logrado hacerlo.

He intentado usar DOM pero no me da resultado, mas que nada por mi ignorancia en el asunto.

Help! :S

¿Alguien tiene alguna idea de cómo puedo hacer esto?

Saludos cordiales!

laratik · #2 (**permalink**) 12/04/2011, 22:24

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.

bchse777 · #3 (**permalink**) 13/04/2011, 07:53

Hola Laratik
Bueno, inserté el código que has mostrado y me ha resultado!

Muchas gracias por la efectividad de tu respuesta compañero!

Saludos y de nuevo gracias ;)