javascript - 验证 jQuery UI 多选小部件

Question

我知道这是一个重复的问题，但所有以前提出的问题的答案都对我不起作用。

我已经使用了这个小部件，但是在将它应用到所有部件之后，dropdown我无法验证这个新的multiselect dropdown.

HTML

<td style="width: 20%; text-align: right;" class="LabelText">
    Select Period* :
</td>
<td style="text-align: left; width: 30%" class="LabelText">
<asp:DropDownList ID="ddlStudyPeriod" runat="server" Width="40px" multiple="multiple">
</asp:DropDownList>
</td>

JavaScript

function fnValidateStudy() {
    var options = $('#ddlStudyPeriod > option:selected');
    debugger;
    if (options.length == 0) {

        alert("Please Select Period");
        return false;
    } 

但这不起作用。即使我在小部件中选择了值，它在控制台或长度dropdown中显示空白数组。0

我想检查是否选择了任何值dropdown。

Answer 1

你可以这样做。

 var options = $("#ddlStudyPeriod option:selected").length;
        if (options == 0) {
            alert('Please select Period');
            return false;
        }