jQuery with HTML dropdown

Question

I'm looking for some tips and information because google isn't liking me with the results so I can' do much research. I have a select menu with some options for each module and what is supposed to happen is when the user clicks on Add and clicks Apply they are supposed to be taken to a certain page and when they click Edit they are supposed to be taken to a different page. How can I accomplish this with 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>

ShankarSangoli · Accepted Answer · 2011-08-28 17:51:31Z

3

Try this

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

edited Aug 28, 2011 at 17:51

answered Aug 27, 2011 at 2:47

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Jeff Davidson Over a year ago

I forgot to add that in the template there is a submit button next to the dropdown. How does that impact the given code?

ShankarSangoli Over a year ago

No impact, the above code simply redirects to appropriate url conditionally.

Jeff Davidson Over a year ago

But I"m saying though your answer is if its just hte dropdown changeing and that's it. I have a submit button that the user is supposed to click after a selection from the dropdown is made.

Jeff Davidson Over a year ago

Can I still use the load function instead?

ShankarSangoli Over a year ago

load function will load the content from server resource into an element. What do you actually want?

|

Collectives™ on Stack Overflow

jQuery with HTML dropdown

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related