SelectedIndex - undefined с jQuery в выпадающем списке

У меня есть раскрывающийся список ASP.NET:

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

A CustomValidator привязан к нему, чтобы узнать, выбрал ли пользователь опцию. Он вызывает следующую функцию javascript/JQuery:

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

но индекс undefined при отладке с Firebug. Селектор JQuery находит select#ContentPlaceHolder1_ddlMyDropDown, поэтому проблема не. Не существует ли свойство selectedIndex?

В Интернете я нашел примеры, которые делают почти то же самое, и он работает. Я совсем потерялся в этом...

Update

Это показывает Firebug:

inspect

Как вы можете видеть, переменная control - это какой-то массив, с одной записью, которая на самом деле является тем, кем я хочу быть в control. Я не думаю, что JQuery ID селектор возвращает несколько значений?

Ответ 1

selectedIndex не существует...

вы должны использовать prop для jquery...

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

или

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