Ir a una dirección al seleccionar en un combo

 
Este código muestra un combo para seleccionar una opción, y al pinchar sobre esta automáticamente ir a la opción seleccionada.

El código no tiene mayor dificultad, recibe dos variables, la primera con la dirección a la que ir, que viene pasada por el valor del "combo" y la segunda es una "booleana" (si/no) que en caso de ser true hará que la página se cargue en una ventana nueva y en caso contrario (false u omitido) se carga en la misma página.

La función navegar primero soluciona (en caso de que lo haya) el típico error de poner "www.mcanam.com" en vez de "http://www.mcanam.com" y a continuación dependiendo de la opción elegida abre la URL en una ventana nueva o en la actual.

El "select" debe estar compuesto de un primer "option" sin value que sirva de titulo, y a continuación todos los options con la siguiente estructura:



En donde URL poner la dirección de la página, ya sea de forma global (http://www.mcanam.com) o relativa (articulos.php?lenguage=JavaScript), y en Texto descriptivo poner la descripción del URL.

Esto se podría hacer directamente sin llamar a una función reemplazando la línea del "select" por algo como esto:
<select onchange="location.href=this.value">



En el HEAD:
<script language="javascript">
//Su explorador no soporta java o lo tiene deshabilitado; esta pagina necesita javascript para funcionar correctamente<!--
//Copyright © McAnam.com
    function navegar(direccion, nueva_ventana){
        if(direccion.toLowerCase().substring(0,3) == "www")
            direccion = "http://" + direccion
        if(direccion != ""){
            if (nueva_ventana)
                window.open(direccion);
            else
                location.href = direccion;
        }
    }
//-->
</script>

En el BODY:
<select onchange="navegar(this.value,0)">
    <option value="">Seleccione</option>
    <option value="www.mcanam.com">McAnam</option>
    <option value="http://www.mcanam.com/articulos/articulos.php?lenguage=JavaScript">Artículos JavaScript</option>
</select>

Links relacionados:
Abrir una ventana nueva
Crear links "vacios"
Donde cargar los Links


Para cualquier duda, consulta, sugerencia, opinión, colaboración, etc; no dude en ponerse en contacto con nosotros

Copyright © 2002-2017 [McAnam]. Reservados todos los derechos.
www.mcanam.com