Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der Methode zum Erhalten des Werts des Select-Tags in js
Wie erhalte ich den Select-Tag-Wert mit js? In diesem Artikel teilen wir Ihnen die Methode zum Ermitteln des Werts des Select-Tags in js mit. Wir hoffen, dass es Ihnen helfen kann.
var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值
Erstens den ausgewählten Auswahlwert in jQuery abrufen
Zuerst Ein Weg
$(‘#testSelect option:selected’).text();//选中的文本 $(‘#testSelect option:selected’) .val();//选中的值 $(“#testSelect “).get(0).selectedIndex;//索引
Der zweite Weg
$(“#tesetSelect”).find(“option:selected”).text();//选中的文本 …….val(); …….get(0).selectedIndex;
Wenn das Select-Tag ein ID-Attribut hat, wie z. B.
...
, verwenden Sie die folgende Methode Holen Sie sich den aktuellen Optionswert:
var v = xx.value; oder
var v = document.getElementById(“xx”).value; //Diese Methode ist gut kompatibel
Wenn das Select-Tag ein Namensattribut hat, z. B.
...
, verwenden Sie die folgende Methode, um den Wert der aktuellen Option abzurufen:
var v = form1 .xx.value;
oder
var v = document.getElementsByName(“xx”)[0].value;
Wenn dieselbe Seite mehrere Tags mit demselben Namensattribut enthält, werden die Zahlen in [0 ] oben sollte in die entsprechende Nummer der physischen Bestellung geändert werden (ab 0 gezählt)
Wenn das ausgewählte Tag keine Attribute enthält, die positioniert werden können, wie z. B. ...
, verwenden Sie die folgende Methode, um den Wert der aktuellen Option abzurufen:
var v = document.getElementsByTagName(“select”)[0].value;
Für die folgenden Auswahl-Tags, der Weg So erhalten Sie den Wert der aktuellen Auswahl:
text1 text2
Code:
One: Javascript Native Method
1:拿到select对象: var myselect=document.getElementById(“test”); 2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 3:拿到选中项options的value: myselect.options[index].value; 4:拿到选中项options的text: myselect.options[index].text;
Zwei: JQuery-Methode (vorausgesetzt, die JQuery-Bibliothek wurde geladen)
1:var options=$(“#test option:selected”); //获取选中的项 2:alert(options.val()); //拿到选中项的值 3:alert(options.text()); //拿到选中项的文本 var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值
Den ausgewählten Auswahlwert in jQuery abrufen
Der erste Weg
$(‘#testSelect option:selected’).text();//选中的文本 $(‘#testSelect option:selected’) .val();//选中的值 $(“#testSelect “).get(0).selectedIndex;//索引
Der zweite Weg
$(“#tesetSelect”).find(“option:selected”).text();//选中的文本 …….val(); …….get(0).selectedIndex;
Wenn das Select-Tag ein ID-Attribut hat, wie z. B. ...
, dann verwenden Sie die folgende Methode, um den Wert der aktuellen Option abzurufen:
var v = xx.value;
oder
var v = document.getElementById(“xx”).value; //Diese Methode ist gut kompatibel
Wenn das Select-Tag ein Namensattribut hat, z als
...
, verwenden Sie die folgende Methode, um den Wert der aktuellen Option zu erhalten:
var v = form1.xx .value;
oder
var v = document .getElementsByName(“xx”)[0].value;
Wenn dieselbe Seite mehrere Tags mit demselben Namensattribut enthält, wird die Zahl in [0] oben zur entsprechenden physischen Sequenznummer geändert (ab 0 gezählt)
Wenn das ausgewählte Tag keine Attribute für die Positionierung enthält, wie z. B. ...
, verwenden Sie die folgende Methode. Rufen Sie den Wert der aktuellen Option ab:
var v = document.getElementsByTagName("select")[0].value;
Für die folgenden Auswahl-Tags erhalten Sie den Wert der aktuellen Auswahl wie folgt:
text1 text2
Code:
Eins: native Javascript-Methode
1:拿到select对象: var myselect=document.getElementById(“test”); 2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 3:拿到选中项options的value: myselect.options[index].value; 4:拿到选中项options的text: myselect.options[index].text;
Zwei: jquery-Methode (vorausgesetzt, die jquery-Bibliothek wurde geladen)
1:var options=$(“#test option:selected”); //获取选中的项 2:alert(options.val()); //拿到选中项的值 3:alert(options.text()); //拿到选中项的文本
Verwandte Empfehlungen:
Erstellen Sie eine Zusammenfassung gängiger Methoden zum Abrufen. Wählen Sie
jQuery oder Js, um den ausgewählten Wert oder Text abzurufen
Analyse der Methode zum Erhalten des ausgewählten Werts in Javascript
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Methode zum Erhalten des Werts des Select-Tags in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!