Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der Methode zum Erhalten des Werts des Select-Tags in js

小云云
Freigeben: 2017-12-13 14:57:12
Original
7915 Leute haben es durchsucht

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; // 选中值
Nach dem Login kopieren


Erstens den ausgewählten Auswahlwert in jQuery abrufen

Zuerst Ein Weg

$(‘#testSelect option:selected’).text();//选中的文本
$(‘#testSelect option:selected’) .val();//选中的值
$(“#testSelect “).get(0).selectedIndex;//索引
Nach dem Login kopieren
Nach dem Login kopieren


Der zweite Weg

$(“#tesetSelect”).find(“option:selected”).text();//选中的文本 
…….val(); 
…….get(0).selectedIndex;
Nach dem Login kopieren
Nach dem Login kopieren



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;

If Dieselbe Seite enthält mehrere Auswahl-Tags. Die Nummer in [0] oben muss geändert werden. Für die entsprechende physische Sequenznummer (ab 0 gezählt)

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;
Nach dem Login kopieren
Nach dem Login kopieren

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; // 选中值
Nach dem Login kopieren


Den ausgewählten Auswahlwert in jQuery abrufen

Der erste Weg

$(‘#testSelect option:selected’).text();//选中的文本
$(‘#testSelect option:selected’) .val();//选中的值
$(“#testSelect “).get(0).selectedIndex;//索引
Nach dem Login kopieren
Nach dem Login kopieren


Der zweite Weg

$(“#tesetSelect”).find(“option:selected”).text();//选中的文本 
…….val(); 
…….get(0).selectedIndex;
Nach dem Login kopieren
Nach dem Login kopieren



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;

Wenn dieselbe Seite mehrere Auswahl-Tags enthält, sollten die oben genannten [ Die Zahlen in 0] sein in die entsprechenden physischen Sequenznummern geändert (ab 0 gezählt)

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;
Nach dem Login kopieren
Nach dem Login kopieren

Zwei: jquery-Methode (vorausgesetzt, die jquery-Bibliothek wurde geladen)

1:var options=$(“#test option:selected”);  //获取选中的项
2:alert(options.val());   //拿到选中项的值
3:alert(options.text());   //拿到选中项的文本
Nach dem Login kopieren


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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage