selectedIndex no está definido en la lista desplegable con jQuery

Question

Tengo una lista desplegable ASP.NET como esto:

<asp:DropDownList ID="ddlMyDropDown" runat="server"> 
     <asp:ListItem>Please pick one</asp:ListItem> 
    <asp:ListItem>option1</asp:ListItem> 
    <asp:ListItem>option2</asp:ListItem> 
    <asp:ListItem>option3</asp:ListItem> 
    <asp:ListItem>option4</asp:ListItem> 
    </asp:DropDownList> 

Un CustomValidator está obligado a ella, para ver si el usuario elige una opción. Se llama a la siguiente JavaScript/jQuery función:

function checkValueSelected(sender, args) { 
     var index = $("#ContentPlaceHolder1_ddlMyDropDown").selectedIndex; 
     args.IsValid = index > 0; 
    } 

pero el índice es undefined al depurar con Firebug. El selector JQuery encuentra select#ContentPlaceHolder1_ddlMyDropDown, por lo que no es el problema. ¿La propiedad selectedIndex no existe?

En Internet encontré ejemplos que hacen casi lo mismo y funciona. Estoy bastante perdido en éste ...

actualización

Esto es lo que Firebug muestra:

Como se puede ver, la variable control es una especie de matriz, con una entrada que es realmente lo que quiero ser en control. No creo que el selector de ID de JQuery devuelva varios valores.

Answer 1

selectedIndex no está ahí ...

se debe utilizar prop de jQuery ...

var index = $("#ContentPlaceHolder1_ddlMyDropDown").prop('selectedIndex'); 

o

var index = $("#ContentPlaceHolder1_ddlMyDropDown").get(0).selectedIndex;