obteniendo el valor seleccionado del menú desplegable .NET usando JQuery

Question

Estoy tratando de obtener el valor de una lista desplegable .NET en JQuery, pero solo puedo obtener el ID del elemento seleccionado, no el valor seleccionado. ¿Es posible hacer esto? Este es mi código actual, que obtiene el ID del elemento seleccionado:

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

Answer 1

tratar

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

Answer 2

si es lo mismo que un cuadro de html desplegable regular puede tratar

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

Answer 3

Si lo que desea es el contenido textual de la etiqueta actualmente seleccionada <option> bajo su elemento <select>, puede hacer esto:

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

edición — las otras respuestas con sugerencias para utilizar el: calificativo "seleccionado" son mejores que esto ...

Answer 4

Prueba esto:

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

Answer 5

Usted puede establecer un atributo de Control ASP.NET que no cambiará la ID en tiempo de ejecución, es decir

ClientIDMode = "Static" 

Luego tratar,

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

Answer 6

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

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

Ésta es la forma en que se puede asignar un valor a desplegables o cuadro de texto o cualquier otro control asp. Solo tienes que mencionar "id".