en utilisant jquery, Comment rediriger lorsque la liste déroulante change?

Question

J'ai une liste déroulante, si quelqu'un sélectionne une option que je veux rediriger vers une autre page en fonction de la sélection.

Comment puis-je faire cela via jquery?

Answer 1

Liez la logique à l'événement $.change() et obtenez la valeur actuelle de $.val() pour déterminer où l'utilisateur doit être redirigé. Cet exemple suppose qu'un emplacement est stocké directement dans la valeur elle-même.

$(".mySelect").change(function(e){ 
    window.location = $(this).val(); 
}); 

Answer 2

<select id="abc"> 
    <option value="p1">Page 1</option> 
    <option value="p2">Page 2</option> 
    <option value="p3">Page 3</option> 
</select> 

$("#abc").change(function() { 
    window.location.href = "http://domain/" + $(this).val() + ".html"; 
});