CODEWITHSUNDEEP
javascriptjquerydrop-down-menu
Blankman
Blankman

Reputation: 267020

using jquery, How to redirect when drop down list selection changes?

I have a drop down list, if someone selects an option I want to redirect to another page based on the selection.

How can I do this via jquery?

Upvotes: 4

Views: 12333

Answers (2)

Crozin
Crozin

Reputation: 44376

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

Upvotes: 9

Sampson
Sampson

Reputation: 268354

Bind the logic to the $.change() event, and get the current value from $.val() to determine where the user ought to be redirected to. This example assumes a location is stored directly in the value itself.

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

Upvotes: 21

Related Questions