So fügen Sie Optionen in JQuery dynamisch hinzu und durchlaufen sie

Dieses Mal werde ich Ihnen die jquery-Methode zum dynamischen Hinzufügen und Durchlaufen von Optionen vorstellen Schauen Sie mal rein.

Das Beispiel ist wie folgt:

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben Spannende Dinge, bitte achten Sie auf PHP-Chinesisch. Weitere verwandte Artikel online!

<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>

Empfohlene Lektüre:

Angular2-Kommunikationsmethode für Eltern-Kind-Komponenten

Detaillierte Erläuterung der JavaScript-Codeoptimierung

So gehen Sie mit unvollständiger Seitenanzeige im 360-Browser-Kompatibilitätsmodus um

Das obige ist der detaillierte Inhalt vonSo fügen Sie Optionen in JQuery dynamisch hinzu und durchlaufen sie. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!