Getting the selected value from dropdownlist in asp.net

Question

I have been trying to get the selected item value from a dropdownlist but it seems like it is not going to work. I have looked at the other topics and I know that this question has been asked several times, but I need help. I have tried the following code:

$('ddlWorkHourFact option:selected').val()

but it returns me "undefined" and I don't know why.

Here is my dropdownlist:

<asp:DropDownList ID="ddlWorkHourFact"  runat="server">
                            <asp:ListItem Value="7" Text="7">7</asp:ListItem>
                            <asp:ListItem Value="8" Selected="True" Text="8">8</asp:ListItem>
                            <asp:ListItem Value="9" Text="9">9</asp:ListItem>
                        </asp:DropDownList>

You're missing the # before the ddlWorkHourFact. Probably is that. Also, check the ID generated by ASP.NET in client's browser. — Bruno Costa
– Bruno Costa, Commented Dec 27, 2011 at 10:29
Yep, check the ID as I've mentioned below. ASP.NET generates it's own IDs. — Remy
– Remy, Commented Dec 27, 2011 at 10:32
I also tried that and the id is "ContentPlaceHolder1_ddlWorkHourFact". it returns undefined still — Ktt
– Ktt, Commented Dec 27, 2011 at 10:33
Did you try it with the # in front of the id? and without the :selected as I wrote below? — Remy
– Remy, Commented Dec 27, 2011 at 10:40

Remy · Accepted Answer · 2011-12-27 10:32:11Z

14

First, make sure that the ID ddlWorkHourFact exists in the HTML code. ASP.NET often creates something like this: ctl1_ddlWorkHourFact. You can use

ClientIDMode="Static"

to avoid that problem. Afterwards

$('#ddlWorkHourFact').val()

should be enough.

answered Dec 27, 2011 at 10:32

Remy

12.8k14 gold badges66 silver badges106 bronze badges

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

1 Comment

Eric Burdo Over a year ago

Unfortunately, there are many instances where you can't set the ClientIDMode to Static. I've found many third-party tools for ASP.Net do not like this approach.

Bruno Costa · Accepted Answer · 2011-12-27 10:51:01Z

Ktt,

You need to understand that ASP.NET will generate a different ID in client-side if you are putting the control inside a content, etc. This is done because the ID in client-side should be unique. If you are using ASP.NET 4.0 you can do what Remy told you.

If you are not using ASP.NET 4.0, you can't do that, but you can do a "workaround" in jquery.

function GetClientID(id, context) {
var el = $("#" + id, context);
if (el.length < 1)
el = $("[id$=_" + id + "]", context);
return el;
}

For more information on this code you can go here.

Then, you only need to do something like: GetClientID("txtboxId").attr("id") to get the ID.

$("#" + GetClientID("ddlWorkHourFact").attr("id") + " option:selected").val();

This is only a example, you can improve the code.

Edit:

You can also use something like this, if you are doing that in same page of control.

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

KV Prajapati · Accepted Answer · 2011-12-27 10:31:16Z

5

try $('#ddlWorkHourFact :selected').val()

seems like you are missing the hash "#" symbol...

edited Dec 27, 2011 at 10:31

KV Prajapati

94.8k20 gold badges151 silver badges188 bronze badges

answered Dec 27, 2011 at 10:28

NiK

1,8571 gold badge23 silver badges38 bronze badges

1 Comment

Ktt Over a year ago

none of the answer has corrected. it still returns "undefined"

dku.rajkumar · Accepted Answer · 2011-12-27 10:34:05Z

1

try something like

$('#ddlWorkHourFact').options[$('#ddlWorkHourFact').selectedIndex].val();

answered Dec 27, 2011 at 10:34

dku.rajkumar

18.6k8 gold badges43 silver badges58 bronze badges

2 Comments

Ktt Over a year ago

okay I figured the problem. I was trying to alert it when the page loads. script was running when the page starts. but I put the alert in a function and give it as an onclick, then the problem is over now. Thanks for helps

Ktt Over a year ago

I guess the dropdown doesnt get loaded before alert. that's why I got the problem.

reshma k · Accepted Answer · 2011-12-27 10:40:55Z

1

try this :

   var _ddl = $("[id$='_ddlWorkHourFact']").attr("id");
    _option = "#" + _ddl + " option:selected";
    _value= $(_option).val();

answered Dec 27, 2011 at 10:40

reshma k

5441 gold badge3 silver badges11 bronze badges

Comments

Ktt · Accepted Answer · 2012-01-03 16:15:14Z

0

okay I figured the problem. I was trying to alert it when the page loads. script was running when the page starts. but I put the alert in a function and give it as an onclick, then the problem is over now. Thanks for helps

answered Jan 3, 2012 at 16:15

Ktt

4693 gold badges8 silver badges18 bronze badges

1 Comment

Gayot Fow Over a year ago

This is a duplicate of the comment you made last week.

Collectives™ on Stack Overflow

Getting the selected value from dropdownlist in asp.net

6 Answers 6

1 Comment

Comments

1 Comment

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

1 Comment

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related