jQuery与HTML下拉菜单

Question

我正在寻找一些提示和信息，因为谷歌不喜欢我的结果，所以我可以做很多研究。我有一个选择菜单，每个模块有一些选项，应该发生什么是当用户点击添加并点击应用，他们应该被带到一个特定的页面，当他们点击编辑他们应该被带到一个不同的页面。我怎样才能用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

试试这个

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; 
    } 
});