Eliminar un Nodo Elemento Select Completo

ingeday · #1 (**permalink**) 28/01/2009, 00:01

Buenas.... Quisiera con un boton eliminar un Nodo Elemento Select completo...

Tengo el siguiente codigo:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript">
<!--
	
function eliminarMenu() {
// Obtengo la referencia del div que contiene el select
		var objref=document.getElementById('cont_menu');  
// Y de ese div elimino su nodo (que se supono es el select), y como solo es un nodo pues es 0 (cero)
		objref.removeChild(0);
	}	
-->
</script>
</head>

<body>
<div id="cont_menu">
<select id="menu">
<option id="Opcion0">Valor 0</option>
</select>
</div>
<input type="button" value="Eliminar Menu" onClick="eliminarMenu()">

</body>
</html>

Si alguien tiene idea de como hacerlo se lo agradecería... Muchas Gracias!!

caricatos · #2 (**permalink**) 28/01/2009, 01:01

Hola:

El parámetro debe ser un nodo, y no vale el índice... en las FAQs hay algo, te recomiendo que lo mires... pero desde el id del nodo es más fácil...

function tag(id) {return document.getElementById(id)};

tag("menu").parentNode.removeChild(tag("menu"));

Además no puedes estar seguro de que el primer hijo sea el select... en tu ejemplo al menos parece haber antes un nodo de texto que se corresponde con el retorno de carro/salto de línea que hay al poner el select en la línea inferior... Pero podrías limpiar todos los nodos hijos...

m = tag("cont_menu");
while (m.hasChildNodes()) m.removeChild(m.firstChild);

Saludos

ingeday · #3 (**permalink**) 28/01/2009, 11:02

Gracias caricatos, he utilizado esto para eliminar todo el select...

Código:

m = tag("cont_menu");
while (m.hasChildNodes()) m.removeChild(m.firstChild);

Y obviamente entiendo que elimina todo los hijos del div entre los cuales entra el select...

Saludos!!