带有 HTML 下拉菜单的 jQuery

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