Sélectionner non sélectionné

Question

J'ai un formulaire avec 4 listes déroulantes dessus. L'option sélectionnée par défaut dans toutes les listes déroulantes est "Veuillez sélectionner". Je veux utiliser Jquery pour m'assurer que toutes les listes déroulantes ont une valeur avant que la page soit soumise, mais mon code ne fonctionne que sur le premier. Est-ce que quelqu'un a un moyen que je peux vérifier toutes les listes déroulantes à la fois? Je suis sûr que je manque quelque chose mais je ne peux pas le comprendre. Merci

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

Une légère variation sur l'approche de @mgroves, ce explicitement tests pour au moins une option sélectionnée, et des alertes sur la première select qui n'ont pas. S'il n'y a aucun avantage à cette approche, il est une meilleure lisibilité (d'autant plus que l'utilisation de .val() est quelque peu ambiguë à cet effet):

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

Answer 4

pour une opinion différente sur ce pourquoi ne pas utiliser

function doConfirm() { 

    var toReturn = true; 

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

     toReturn = false; 
     //notify user 

    } 

    return toReturn; 
}