Erläuterung zum Abrufen aller Wert- und Textinstanzen von select und option durch jquery-js-Tutorial-php.cn

Erläuterung zum Abrufen aller Wert- und Textinstanzen von select und option durch jquery

小云云

Freigeben： 2018-01-23 13:59:21

Original

1551 Leute haben es durchsucht

Dieser Artikel enthält hauptsächlich ein Beispiel für die Verwendung von jquery, um alle Werte und Texte von select und option abzurufen. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Denken Sie darüber nach, ich lerne jQuery seit ein paar Tagen, und heute muss ich aus beruflichen Gründen den gesamten Wert und Text der Option unter „Auswählen“ abrufen, sie dann zusammenfügen und importieren Es wurde in eine XML-Datei umgewandelt. Nachdem ich den ganzen Nachmittag daran gearbeitet hatte, hatte ich es endlich geschafft. Das Folgende ist der entsprechende Code: Der Code in

wurde von einer anderen Website kopiert. Jetzt muss ich seinen Wert und Text abrufen und ihn dann in

< einfügen. Chaoyang>7 in Form von

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
 <script type="text/javascript" language="javascript" > 
 $(document).ready(function(){ //等待所有dom绘制完成后就执行
  
     var arr = new Array(); //数组定义标准形式，不要写成Array arr = new Array();
     var all = ""; //定义变量全部保存
     $("#UserBorough option").each(function () {
       var txt = $(this).text(); //获取单个text
       var val = $(this).val(); //获取单个value
       var node = "<" + txt + ">" + val + "</" + txt + ">";
       arr.push(node);
       all += node;
     });
     alert(all);
     alert(arr);

  
 }); //$(document)
 </script>
</head>
<body>

 <select name="UserBorough" size="6" class="input" id="UserBorough" style="width:150px;" onchange="setSmallBorough(&#39;UserBorough&#39;,&#39;SmallBorough&#39;,&#39;/search_auto.aspx?searchtype=Borough&searchkey=&#39;+ this.options[this.selectedIndex].value +&#39;&#39;,&#39;&#39;);">
            <option value=7>朝阳</option><option value=1>海淀</option><option value=4>昌平</option><option value=8>丰台</option><option value=14>大兴</option><option value=2>东城</option><option value=3>西城</option><option value=5>崇文</option><option value=6>宣武</option><option value=12>通州</option><option value=13>顺义</option><option value=11>房山</option><option value=9>石景山</option><option value=10>门头沟</option><option value=15>怀柔</option><option value=18>密云</option><option value=17>延庆</option><option value=16>平谷</option><option value=448>周边</option>
</select>



</body>
</html>

Nach dem Login kopieren

Zusammenfassung: Das Kombinieren von Werkzeugen kann viel Ärger ersparen, Sie können ein neues erstellen VS2010 Geben Sie den Code in die HTML-Datei ein und kopieren Sie ihn dann zur Ausführung nach

Dreamweaver.

Anhand dieses Beispiels wurde mir klar, dass man möglicherweise nicht in der Lage ist, etwas zu schreiben, wenn man nur die Codes im Buch versteht und sie aufschreibt.

und schreibe es selbst.

Verwandte Empfehlungen:

jQuery generiert dynamisch den Implementierungscode für die Dropdown-Liste „Auswählen“

jQuery implementiert das Dropdown-Menü „Auswählen“. Feld, um den aktuell ausgewählten Text abzurufen

Detailliertes Beispiel von JQuery, um den Textinhalt mehrerer ausgewählter Tag-Optionen abzurufen

Das obige ist der detaillierte Inhalt vonErläuterung zum Abrufen aller Wert- und Textinstanzen von select und option durch jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!