Hay muchas razones por las que podría querer ocultar una lista desplegable en una página web sin tener que volver a cargar la página entera. Usted puede preguntar a su usuario elegir de una lista de artículos que incluye una opción "otro" y el deseo de ocultar la lista desplegable a favor de un cuadro de texto. Su lista desplegable puede ser uno de una serie que depende de una elección anterior de que el usuario realiza. Cualquiera que sea el caso, ocultando una lista desplegable es una tarea sencilla que requiere sólo unas pocas líneas de código JavaScript.
Instrucciones
1 Abra la página Web con la lista desplegable que desea ocultar en su editor de texto preferido.
2 Desplazarse hacia abajo a la etiqueta <select> de la lista desplegable que desea ocultar. Asegúrese de que tiene un valor de "id", como en el siguiente ejemplo:
<Select id = "mydropdown">
3 Inserte el siguiente código debajo de la etiqueta <select>:
<Input type = "button" value = "Ocultar Lista" onclick = "document.getElementById (mydropdown) .style.display = 'none';">
Sustituir el valor de ID de la etiqueta <select> para la instancia de "mydropdown" anterior.
4 Guardar y publicar su página Web. Su lista desplegable ahora desaparecerá cuando se hace clic en el botón "Hide Lista".