Ocultar un objeto
jah310
10 de Septiembre del 2003
Hola! Tengo una lista desplegable en la que cuando elijo una opcion crea otra lista con los subgrupos, me gustaria que cuando abriera la nueva lista ocultara o borrara (mejor) la anterior, alguien me puede ayudar? PORFA, muchas gracias
Juan
10 de Septiembre del 2003
Se puede hacer con el atributo display del style. Te pongo
un ejemplo de lo que intentas hacer:
<html>
<head>
<script language="javascript">
function cargar(){
var opcion;
//carga lista2
opcion = document.createElement("option");
opcion.text = "Nueva opcion"; opcion.value="3";
document.all.lista2.add(opcion);
//oculta lista1
document.all.lista1.style.display = "none";
}
</script>
</head>
<body>
<select name="lista1" onchange="cargar();">
<option value="0">elemento 0</option>
<option value="1">elemento 1</option>
<option value="2">elemento 2</option>
</select>
<select name="lista2"></select>
</body>
</html>
Puedes usar visibility = "hidden" en lugar de display.
En ese caso el objeto se oculta pero el espacio que
ocupaba no se libera y no modifica la posición de la
otra lista.
un ejemplo de lo que intentas hacer:
<html>
<head>
<script language="javascript">
function cargar(){
var opcion;
//carga lista2
opcion = document.createElement("option");
opcion.text = "Nueva opcion"; opcion.value="3";
document.all.lista2.add(opcion);
//oculta lista1
document.all.lista1.style.display = "none";
}
</script>
</head>
<body>
<select name="lista1" onchange="cargar();">
<option value="0">elemento 0</option>
<option value="1">elemento 1</option>
<option value="2">elemento 2</option>
</select>
<select name="lista2"></select>
</body>
</html>
Puedes usar visibility = "hidden" en lugar de display.
En ese caso el objeto se oculta pero el espacio que
ocupaba no se libera y no modifica la posición de la
otra lista.