How can I get dropdown selected value using javascript?

Question

I have an asp.net DropdownList Control. when i use this code

var id = $("[id*='drpCategory'] option:selected").val();

the id is always come first index of dropdown. How can i get other selected values. ?

do you have 1 drop down that allows 1 value to be selected? multiple values? multiple drop downs? — jbabey
– jbabey, Commented Jul 13, 2012 at 18:50
The issue you're experiencing is that the selector is returning multiple elements. In your case the id variable now is a list of selected options that you have to loop through. Any of the answers below that use .each() will give you what you need. — Jerry
– Jerry, Commented Jul 13, 2012 at 18:52
Are you interested in which ID's have which values or are are you dealing with the case where you have multiple select elements that they can pick items from and it becomes a set? — Brian Nickel
– Brian Nickel, Commented Jul 13, 2012 at 18:53

Ram · Accepted Answer · 2012-07-13 18:52:59Z

3

you can loop through the select elements, please note that using attribute selector alone is too slow, try this:

$("select[id*='drpCategory']").each(function(){
   alert(this.value)
})

edited Jul 13, 2012 at 18:52

answered Jul 13, 2012 at 18:47

Ram

145k16 gold badges174 silver badges201 bronze badges

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

Comments

Engineer · Accepted Answer · 2012-07-13 18:59:16Z

2

Try like this:

var values = $("select[id*='drpCategory']").map(function(){
    return this.value;
}).get();

and you will have the selected values of all dropdowns.

edited Jul 13, 2012 at 18:59

answered Jul 13, 2012 at 18:48

Engineer

48.9k12 gold badges90 silver badges93 bronze badges

2 Comments

Brian Nickel Over a year ago

Love this approach. Perhaps do "select[id*='drpCategory']" since they *= selector is going to be costly.

csharpcoder Over a year ago

thanks for your answer. i tried but nothing change. When i selected the 3. item (third item value is 22), The Value is always come dropdowns's first item value (first item value is 2) :s

lusketeer · Accepted Answer · 2012-07-13 18:45:19Z

0

$("#input_id").click(function(){
 var id = $("#drpCategory option:selected").val();
})

answered Jul 13, 2012 at 18:45

lusketeer

1,9301 gold badge12 silver badges29 bronze badges

Comments

jbabey · Accepted Answer · 2012-07-13 18:47:57Z

-1

jquerys .val() will return the selected value of your drop down, or an array of selected values if the drop down allows multiple.

var selectedItems = $('[id*="drpCategory"]').val();

Docs

answered Jul 13, 2012 at 18:47

jbabey

46.7k12 gold badges73 silver badges94 bronze badges

1 Comment

jbabey Over a year ago

please explain your downvotes. the OP specifically said "I have an asp.net DropdownList Control", singular, a single drop down, which this would work fine with.

Collectives™ on Stack Overflow

How can I get dropdown selected value using javascript?

4 Answers 4

Comments

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related