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
¿Buscas trabajo de programador?
Una respuesta a “Redireccionar con jQuery”
Deja una respuesta
26 artículos que te podrían interesar
Ver más sobre
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..