Vérifiez les valeurs de tous les champs d'une certaine classe

Question

En jQuery, comment puis-je vérifier les valeurs de toutes les balises option à l'intérieur d'un certain div.class pour vous assurer qu'ils sont fixés?

Answer 1

var allSet = true; 

$(".myClass select").each(function(i, el){ 
    if($(":selected", el).length == 0){ 
     allSet = false; 
     return false; 
    } 
}); 

if(allSet == false){ 
    alert("All selects are not set. :("); 
} else { 
    alert("All selects are set. :)"); 
} 

Answer 2

En supposant que les attributs de valeur sont définies à quelque chose:

 <div class="myClass"> 
      <select> 
       <option value="">One</option> 
       <option value="2">Two</option> 
       <option value="3">Three</option> 
      </select> 
     </div> 

$("div.myClass option[value='']").length === 0; 
// => false 

Et s'ils ne sont pas:

 <div class="myClass"> 
      <select> 
       <option>One</option> 
       <option value="2">Two</option> 
       <option value="3">Three</option> 
      </select> 
     </div> 

$("div.myClass option[value]").length === 0; 
// => false 

Bien sûr, ces deux contrôles peuvent être combinés comme ceci:

0 === $("div.myClass option[value='']").length + 
     $("div.myClass option[value]").length;