Get Dropdown selected value using JQuery

Question

I use the following code to get the selected value of my dropdown using JQuery.

pStartMonth = $('#cboMonth1').val();

But I get the result as undefined. What am I missing?

The HTML for my dropdown:

<asp:DropDownList ID="cboMonth1" runat="server" AutoPostBack="true" onclick="javascript:shouldsubmit=false;" ValidationGroup="vTimeSlot">
     <asp:ListItem Value="0">-Select-</asp:ListItem>
     <asp:ListItem Value="1">January</asp:ListItem>
     <asp:ListItem Value="2">February</asp:ListItem>
     <asp:ListItem Value="3">March</asp:ListItem>
     <asp:ListItem Value="4">April</asp:ListItem>
     <asp:ListItem Value="5">May</asp:ListItem>
     <asp:ListItem Value="6">June</asp:ListItem>
     <asp:ListItem Value="7">July</asp:ListItem>
     <asp:ListItem Value="8">August</asp:ListItem>
     <asp:ListItem Value="9">September</asp:ListItem>
     <asp:ListItem Value="10">October</asp:ListItem>
     <asp:ListItem Value="11">November</asp:ListItem>
     <asp:ListItem Value="12">December</asp:ListItem>
</asp:DropDownList>

Answer 1

id attributes of ASP.Net controls are generated server-side, so in your generated HTML, the id would actually be something like _$ctrl0239023930. What you need to use is ClientID like this:

pStartMonth = $('#<%= cboMonth1.ClientID %>').val();