selectedIndex non è definito con jQuery in DropDownList

Question

Ho una DropDownList ASP.NET come questo:

<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 è legato ad esso, per vedere se l'utente ha scelto un'opzione. Chiama il seguente JavaScript/JQuery funzione:

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

ma indice è undefined quando il debug con Firebug. Il selettore JQuery trova select#ContentPlaceHolder1_ddlMyDropDown, quindi questo è non il problema. La proprietà selectedIndex non esiste?

Su internet ho trovato esempi che funzionano quasi allo stesso modo e funzionano. Sono abbastanza perso su questo ...

Aggiornamento

Questo è ciò che Firebug mostra:

Come si può vedere, la variabile control è una sorta di array, con una voce che è in realtà ciò che voglio essere in control. Non penso che il selettore ID di JQuery restituisca più valori?

Answer 1

selectedIndex non è lì ...

si dovrebbe usare prop di jQuery ...

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

o

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