jQuery中的多個下拉驗證不起作用

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()這樣做：

工作演示參數:)

$('#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;
        }
    });
});