Los diseñadores principiantes de sitios web a menudo quieren saber cómo crear un menú desplegable para que cuando los navegadores elijan una de las opciones sean redirigidos automáticamente a esa página. Esta tarea no es tan complicada como parece. Para configurar un menú desplegable para redirigir a una nueva página Web cuando se selecciona, necesita agregar un poco de JavaScript simple a su formulario.
Introducción
En primer lugar, debe configurar sus etiquetas para que incluyan la URL como valor, de modo que su formulario sepa dónde enviar al cliente. Una vez que haya configurado esas etiquetas, tendrá que añadir un atributo «onchange» a su etiqueta para indicar al navegador qué hacer cuando cambie la lista de opciones. Simplemente coloque todo el JavaScript en una línea, como muestra el ejemplo de abajo:
onchange=»window.location.href= this.form.URL.options[this.form.URL.selectedIndex].value»>
Consejos útiles
Ahora que sus etiquetas están configuradas, recuerde asegurarse de que la etiqueta seleccionada se llame «URL». Si no lo es, cambie el JavaScript arriba donde dice «URL» para leer el nombre de la etiqueta seleccionada. Si desea un ejemplo más detallado, puede ver este formulario en acción en línea. Si aún necesita más orientación, también puede revisar un breve tutorial que trata sobre este script y algunos otros pasos que puede realizar con JavaScript.