Comment ajouter et parcourir dynamiquement des options dans jquery

Cette fois, je vais vous présenter la méthode jquery pour ajouter et parcourir dynamiquement des options. Quelles sont les précautions pour ajouter et parcourir dynamiquement des options dans jquery. jetez un oeil.

L'exemple est le suivant :

<pre name="code" class="html"><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<select class="form-control" id=&#39;selectId&#39;> 
<option class="all" value="0">全部</option> 
<option class="all" value="1">os2</option> 
<option>os2-anthonos</option> 
<option>os2-apps</option> 
<option>os2-centralpoint</option> 
<option>kf5-experimental</option> 
</select> 
<script> 
 //动态添加option 
 //$("#selectId").append("<option value=&#39;"+value+"&#39;>"+text+"</option>"); 
 $(document).ready(function(){ 
 var string = ""; 
 $("#selectId option").each(function(){ //遍历全部option 
 var text = $(this).text(); //获取option的text 
 var value = $(this).val(); //获取option的value 
 if($(this).attr("class")=="all") 
  string +="{"+text+":"+value+"}"; 
 }); 
 alert(string.substring(0,string.length)); 
}); 
</script>

Je crois que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour en savoir plus. des choses passionnantes, veuillez faire attention à php chinois Autres articles connexes en ligne !

Lecture recommandée :

Méthode de communication des composants parent-enfant Angular2

Explication détaillée de l'optimisation du code JavaScript

Comment gérer l'affichage incomplet d'une page en mode de compatibilité du navigateur 360

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!