ProgramacionWeb - Ayuda al webmaster
No has iniciado sesión
Conectar al sistema | Registrar usuario
Categorías Articulo
 
2 votos
Menú desplegable
 
 
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:
 
000 
001 
002 
003 
004 
<script>
function irA(url){
  location.href = url;
}
</script>
 
Seguidamente haremos el menú desplegable que llamará a la funcion irA préviamente definida, cuando se dispare el evento onchange:
 
000 
001 
002 
003 
004 
005 
006 
<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>
 
Uniremos las dos partes de la siguiente manera y ya tendremos nuestro menú desplegable completamente listo:
 
000 
001 
002 
003 
004 
005 
006 
007 
008 
009 
010 
011 
<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>
 
En este enlace puedes ver un ejemplo del menú explicado en este artículo.
 
 
Comentarios
27/11/09 Comentario 1398

¡Mil gracias por el código!

Me funcionó a la perfección

Saludos
 
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.

 
Autor:
 eloi
 
Traducciones