Redireccionar con jQuery

Con jQuery podemos realizar una redirección a cualquier página con el atributo «window.location».

En este artículo vamos a explicar como hacer una redirección tras seleccionar una opción de un selector de opciones (select).

Tendremos un selector de idiomas, donde podremos elegir uno de varios posibles. Tras elegir un idioma redirigeremos a la página con el id del idioma.

Necesitaremos incluir en nuestro <body> la librería jQuery y el script necesario para realizar la redirección.

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('select#languages').change(function(){
        window.location = $(this).val();
    });
});
</script>

El documento espera a que se cambie de opción de el selector con id=»languages» para simplemente poner su valor en el «window.location».

En el <body> de nuestra página tendremos el siguiente código para mostrar el selector:

<select name="languages" id="languages">
    <option value="0">Seleccione...</option>
    <option value="index.php?language=1">Español</option>
    <option value="index.php?language=2">Francés</option>
    <option value="index.php?language=3">Inglés</option>
</select>

Si no te quedó claro puedes ver un ejemplo en funcionamiento para ver en marcha lo que se explica en este artículo.

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(6 votos, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

Una respuesta a “Redireccionar con jQuery”

  1. Juan Jesus Mac-Pherson Castañeda dice:

    Muy buen tema que al seleccionar una opción de un <select></select> se pueda ir a una pagina programada, a demás de darle gran utilidad, permite estudiar una nueva forma de redireccionar en este elemento y aun mas si es con jQuery..

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre