getting selected value from .NET dropdown using JQuery

Question

I am trying to get the value of a .NET dropdown list in JQuery, but I am only able to get the ID of the selected item, not the selected value. Is it possible to do this? This is my current code, which gets the ID of the selected item :

alert($('#<%=ddlReportPeriods.ClientID %>').val());

That code does in fact get the value of an element, not the id. Use something like Firebug or a developer console to inspect your actual page. Perhaps you want the text content of the selected <option> in your dropdown, which is not the same thing as the value. — Pointy
– Pointy, Commented May 19, 2011 at 13:20

Rory McCrossan · Accepted Answer · 2015-09-02 15:10:20Z

41

try

alert($('#<%=ddlReportPeriods.ClientID %> option:selected').text());

edited Sep 2, 2015 at 15:10

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

answered May 19, 2011 at 13:23

Devjosh

6,4824 gold badges41 silver badges61 bronze badges

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

4 Comments

user517406 Over a year ago

This was the syntax that worked, though there is a typo, it should read : alert($('#<%=ddlReportPeriods.ClientID %> option:selected').text());

cah1r Over a year ago

Using client side: $("[id$='ddlReportPeriods'] option:selected").text()

Devjosh Over a year ago

@ Mateusz Migała, yes that is cleaner way if you use the external javascript file.

Kemilio Over a year ago

I found the value (.val()) is what I wanted, not the text. Thus $('#<%=ddlReportPeriods.ClientID %> option:selected').val() is the correct syntax, for my case. If anyone is having issues with pulling the text (.text()), give .val() a try.

Firnas · Accepted Answer · 2013-06-07 17:04:39Z

7

You can set an attribute of ASP.NET control which will not change the ID at run time, that is

ClientIDMode = "Static"

Then try,

alert($("#ddlReportPeriods option:selected").val());

answered Jun 7, 2013 at 17:04

Firnas

1,7254 gold badges22 silver badges31 bronze badges

1 Comment

Kemilio Over a year ago

.val() worked for me, rather than .text(). Thank you.

gen · Accepted Answer · 2011-05-19 13:22:12Z

5

if it's the same as a regular html dropdown box you can try

$('#<%=ddlReportPeriods.ClientID %> option:selected').val()

answered May 19, 2011 at 13:22

gen

4055 silver badges13 bronze badges

1 Comment

JSON Over a year ago

Syntax error, unrecognized expression: #<%=contactStateDDL.ClientID %> option:selected

Rory McCrossan · Accepted Answer · 2011-05-19 13:23:44Z

1

Try this:

alert($('#<%=ddlReportPeriods.ClientID %> OPTION:selected').val());

answered May 19, 2011 at 13:23

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

Comments

Pointy · Accepted Answer · 2011-05-19 13:23:36Z

0

If what you want is the textual content of the currently-selected <option> tag under your <select> element, then you could do this:

var $sel = $('#<%=ddlReportPeriods.ClientID %>');
alert($($sel.attr('options')[$sel.attr('selectedIndex')).text());

edit — the other answers with suggestions to use the ":selected" qualifier are better than this ...

answered May 19, 2011 at 13:23

Pointy

415k62 gold badges600 silver badges631 bronze badges

Comments

devlin carnate · Accepted Answer · 2016-01-09 04:20:57Z

0

<asp:DropDownList ID="ddMainMenuList" runat="server" class="form-control">
                        </asp:DropDownList>

$("[id*=ddMainMenuList]").val("SomeValue");

This is the way you can assign some value to dropdown or textbox or any other asp control. Just you have to mention "id".

edited Jan 9, 2016 at 4:20

devlin carnate

8,6607 gold badges55 silver badges106 bronze badges

answered Jan 9, 2016 at 3:51

Ahsan Aftab

1912 silver badges6 bronze badges

1 Comment

devlin carnate Over a year ago

The question asks for a solution to GET the value, not change it.

Collectives™ on Stack Overflow

getting selected value from .NET dropdown using JQuery

6 Answers 6

4 Comments

1 Comment

1 Comment

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

4 Comments

1 Comment

1 Comment

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related