jquery中的多个Dropdown验证无效

Question

我需要检查所有下拉框必须选择值但是jquery下面是验证第一个下拉列表我只能如何解决它请帮助我的朋友

MVC html

<% foreach (var item in Model.list)
   { %>
<select name="GroupSelect" style=" width : 100px;" class="GroupSelect">
        <option>--SELECT--</option>
        <option>Ball</option>
        <option>Bat</option>
    </select>
<% } %>
<input type="submit" id="details" />

我的jquery

$('#details').click(function () {

            if ($('.GroupSelect').val() == "--SELECT--") {

                $('#error').attr('class', 'errorMessage');
                $('#error').text("Some Club Id Group Name is Missing Please Select the Group Name");
                return false;
            }
        });

Answer 1

您需要检查each()，请执行以下操作：

Working Demo para usted :)

$('#details').click(function () {
    $('.GroupSelect').each(function() {
        if($(this).val() === "--SELECT--") {
            $('#error').attr('class', 'errorMessage');
            $('#error').text("Some Club Id Group Name is Missing Please Select the Group Name");
            return false;
        }
    });
});