Wie erhalte ich den Wert eines ausgewählten Optionsfelds mithilfe von JavaScript?

Verwendung von JavaScript zur Bestimmung des ausgewählten Optionsfeldwerts

Um den ausgewählten Wert aus einer Gruppe von Optionsfeldern zu erhalten, das Attribut „Wert“. Es muss auf das mit dem aktivierten Optionsfeld verknüpfte Symbol zugegriffen werden. In früheren Versionen des Internet Explorers war hierfür ein spezifischer Ansatz erforderlich. Für IE9 und nachfolgende Versionen sowie alle anderen Browser ist jedoch eine vereinfachte Methode verfügbar:

document.querySelector('input[name="rate"]:checked').value;

Dieses Code-Snippet verwendet die querySelector()-Methode, um das Eingabeelement auszuwählen, das den „Namen“ hat. Das Attribut ist auf „rate“ und das Attribut „checked“ auf „true“ gesetzt, was das ausgewählte Optionsfeld darstellt. Anschließend wird das „Wert“-Attribut des ausgewählten Optionsfelds zurückgegeben.

Im bereitgestellten HTML:

<div>

Die Ausführung des folgenden Codes ergibt den ausgewählten Wert:

var rate_value = document.querySelector('input[name="rate"]:checked').value;

Wenn beispielsweise das Optionsfeld mit dem Wert „Multi Rate“ aktiviert ist, wird „rate_value“ auf „Multi Rate“ gesetzt. Durch die Verwendung dieses Ansatzes kann der ausgewählte Wert unabhängig von der spezifischen ausgewählten Optionsschaltfläche effizient ermittelt werden.

Das obige ist der detaillierte Inhalt vonWie erhalte ich den Wert eines ausgewählten Optionsfelds mithilfe von JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!