jQuery avec une liste déroulante HTML

Question

Je suis à la recherche de conseils et d'informations, car google ne me plaît pas dans les résultats, donc je peux faire beaucoup de recherches. J'ai un menu de sélection avec des options pour chaque module et ce qui est censé se passer est quand l'utilisateur clique sur Ajouter et clique sur Appliquer, ils sont censés être pris à une certaine page et quand ils cliquent sur Modifier ils sont censés être pris à un page différente. Comment puis-je accomplir cela avec jQuery.

<select name="dropdown" class="fl-space"> 
    <option value="0">choose action...</option> 
    <option value="add">Add</option> 
    <option value="edit">Edit</option> 
    <option value="delete">Delete</option> 
</select> 

Answer 1

Essayez cette

var urlToNavigate; 
$("select[name='dropdown']").change(function(){ 
    switch(this.value){ 
     case "add": 
     urlToNavigate = "addPageUrl"; 
     break; 
     case "edit": 
     urlToNavigate = "editPageUrl"; 
     break; 
     case "delete": 
     //Write delete logic here 
    } 
}); 

$("#submit").click(function(){ 
    if(urlToNavigate){ 
     location.href = urlToNavigate; 
    } 
});