Menú desplegable - Articulos JavaScript

Menú desplegable

JavaScript (Articulos) | Fecha: 02/03/04

Vamos a hacer un navegador con un campo select para que nuestros visitantes puedan ir a una seccion de nuestra página simplemente seleccionando una de las opciones de la lista desplegable.

Haremos una sencilla funcion javascript para redireccionar el usuario a la página que indique la opcion seleccionada:


<script>
function irA(url){
  location.href = url;
}
</script>


		
  Maximizar 


Seleccionar 
 SCRIPT,XML

Seguidamente haremos el menú desplegable que llamará a la funcion irA préviamente definida, cuando se dispare el evento onchange:


<select onchange="irA(this.value)">
<option selected>Menu
<option value="index.htm">Indice
<option value="download.htm">Download
<option value="links.htm">Links
<option value="contacto.htm">Contacto
</select>


		
  Maximizar 


Seleccionar 
 SCRIPT,XML

Uniremos las dos partes de la siguiente manera y ya tendremos nuestro menú desplegable completamente listo:


<script>
function irA(url){
  location.href = url;
}
</script>
<select onchange="irA(this.value)">
<option selected>Menu
<option value="index.htm">Indice
<option value="download.htm">Download
<option value="links.htm">Links
<option value="contacto.htm">Contacto
</select>


		
  Maximizar 


Seleccionar 
 SCRIPT,XML

En este enlace puedes ver un ejemplo del menú explicado en este artículo.

Comentarios

yunrix

27/11/09 Comentario 1398

¡Mil gracias por el código!

Me funcionó a la perfección

Saludos

Enviar tu comentario >>

Resolver dudas

Si tienes problemas o dudas con el contenido del artículo no dudes a preguntar en los foros de JavaScript de Programación Web indicando el artículo al que te refieres.

Ir al foro de JavaScript >>