jquery - 使用 jquery 验证下拉列表

Question

我创建了下拉列表，我想验证这一点。我正在努力进行下拉验证。

<div class="editor-field">
            <% if (ViewData["Country"] != null) { %>
                <%: Html.DropDownList("Country", "Any")%>
            <%} else { %>
                <select id="Country" name="Country"></select>
            <%} %>

            <% if (ViewData["State"] != null) { %>
                <%: Html.DropDownList("State", "Any")%>
            <%} else { %>
                <select id="State" name="State"></select>
            <%} %>

            <% if (ViewData["City"] != null) { %>
                <%: Html.DropDownList("City", "Any")%>
            <%} else { %>
                <select id="City" name="City"></select>
            <% } %>

            <% if (ViewData["Region"] != null) { %>
                <%: Html.DropDownList("Region", "Any")%>
            <% } else { %>
                <select id="Region" name="Region"></select>
            <% } %>
       </div>

这是我的下拉框代码..如何在 jquery 中验证？

Answer 1

使用 Jquery 可能是验证 HTML 控件的最佳方式。

JS：

$("#btnSubmit").click(function () {

            if ($("#ddlView :selected").val() == 0) {
                alert("Please select a Course");
            }
            else {
                alert("Success !! You have selected Course : " + $("#ddlView :selected").text()); ;
            }
        });

HTML：

<select id="ddlView">
        <option value="0">Select</option>
        <option value="1">Java Script</option>
        <option value="2">CSS</option>
        <option value="3">JQuery</option>
        <option value="3">HTML</option>
        <option value="3">C#</option>
    </select>

<input type="button" class="btn" value="Submit" id="btnSubmit" />

Answer 2

将公共类分配给所有选择框，然后通过该公共类获取活动 ID 并验证它们。希望它会帮助你。