Chọn không được chọn

Question

Tôi có một biểu mẫu có 4 trình đơn thả xuống trên đó. Tùy chọn được chọn mặc định trong tất cả các menu thả xuống là "Vui lòng chọn". Tôi muốn sử dụng Jquery để đảm bảo rằng tất cả các trình đơn thả xuống đều có giá trị trước khi trang được gửi, nhưng mã của tôi chỉ hoạt động trên trang đầu tiên. Có ai có một cách mà tôi có thể kiểm tra tất cả các dropdowns cùng một lúc?

function doconfirm() { 
    if ($('select').val() == '') { 
    alert("Please Select All Fields"); 
    } 
} 

Tôi chắc chắn mình thiếu một số thứ nhưng tôi không thể hiểu được. Cảm ơn

Answer 1

function doconfirm() { 
    if ($('select').each(function() { 
    if($(this).val() == '') { 
     alert("Please Select All Fields"); 
     return(false); 
    } 
    }); 
} 

Answer 2

$('select').each(function(s){if(!this.val())...}); 

Answer 3

Một biến thể nhẹ trên cách tiếp cận @mgroves', điều này một cách rõ ràng kiểm tra ít nhất một lựa chọn chọn, và cảnh báo vào ngày đầu tiên chọn mà không có một. Nếu có bất kỳ lợi thế để tiếp cận này, đó là khả năng đọc tốt hơn (đặc biệt là kể từ khi sử dụng .val() được phần nào mơ hồ cho mục đích này):

function doconfirm() { 
    if($('select').each(function() { 
    if(!$(this).find('option:selected').length) { 
     alert("Please Select All Fields"); 
     return(false); 
    } 
    }); 
} 

Answer 4

những cảnh quay khác nhau về vấn đề này tại sao không sử dụng

function doConfirm() { 

    var toReturn = true; 

    if ($('select').filter(function(){ 
      return $(this).val() === ''; 
     }).length) { 

     toReturn = false; 
     //notify user 

    } 

    return toReturn; 
}