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

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

Answer 2

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

请参阅此链接以获取示例和现场演示validate dropdown using jquery

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

使用jquery验证下拉列表

2 个答案: