selectedIndex jest niezdefiniowana z jQuery w dropdownlist

Question

Mam dropdownlist ASP.NET tak:

<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> 

CustomValidator jest związany z tym, aby sprawdzić, czy użytkownik wybrał opcję. To wywołuje następujące JavaScript/JQuery funkcji:

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

ale indeks jest undefined podczas debugowania z Firebug. Selektor JQuery znajduje select#ContentPlaceHolder1_ddlMyDropDown, więc to jest , a nie problem. Czy właściwość selectedIndex nie istnieje?

W Internecie znalazłem przykłady, które robią prawie dokładnie to samo i to działa. Jestem zupełnie stracił na ten jeden ...

Aktualizacja

To co Firebug pokazuje:

Jak widać, zmienna control jest jakaś tablica, z jeden wpis, który tak naprawdę chcę być w control. Nie sądzę, że selektor ID JQuery zwraca wiele wartości?

Answer 1

selectedIndex nie jest tam ...

należy użyć prop jQuery ...

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

lub

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