So erhalten Sie den „ausgewählten Wert' und den „ausgewählten Text' eines Standard-Dropdown-Felds mithilfe von JavaScript

Standard-Dropdown-Felder werden in HTML sehr häufig verwendet. Oft ist es erforderlich, den Text oder Wert des Dropdown-Feldes abzurufen, wenn er sich ändert.

Freunde, die neu bei JS sind, verwechseln oft den Wert und den Text und verwechseln beides.

Manchmal ist es ein Fehler, denn oft ist unser Wert unser Text, aber tatsächlich sind es verschiedene Dinge.

Lassen Sie uns ein Beispiel geben.

Wir erstellen zunächst ein Dropdown-Feld wie folgt:

[html]
a1
b2 c3
  d4select name="selOp" id="selOp" onchange="GetSelValue();"> > a1
b2
c3< /option>
d4
< option value="e" >e5




Der JS-Code lautet wie folgt:

[javascript] function GetSelValue() {
var objSel = document.getElementById("selOp");

//Hiermit soll der Wert

Alert("Aktueller Wert: " + objSel.value);

//Hiermit wird der Text
Alert("Aktueller Text: " + objSel.options(objSel.selectedIndex).text);
}
function GetSelValue() {
var objSel = document.getElementById ("selOp");
 
                                                                                                                                                                                                                                                               ("Aktuell Text: " + objSel.options(objSel.selectedIndex).text);
}