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

Wert des ausgewählten Optionsfelds abrufen

Eine häufige Aufgabe bei der Arbeit mit Formularen ist das Abrufen des Werts des ausgewählten Optionsfelds. In diesem Zusammenhang ist ein JavaScript-Programm auf ein Problem gestoßen, bei dem der Wert des Optionsfelds undefiniert zurückgegeben wurde.

Der bereitgestellte Code für die Funktion „findSelection“ durchläuft alle Optionsfelder in einem Formular, prüft, welches aktiviert ist, und gibt seinen Wert zurück . Allerdings hatte der Code bei der Ersteinrichtung ein Problem, bei dem er fälschlicherweise den Formularnamen sowohl den Test- als auch den Größenvariablen zuwies.

Eine vereinfachte und effektive Lösung für dieses Problem ist die Verwendung des folgenden Codes:

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

Dieser Code verwendet die Methode document.querySelector, um das aktivierte Optionsfeld anhand seines Namensattributs („genderS“) auszuwählen. Der :checked-Selektor stellt sicher, dass nur das aktivierte Optionsfeld ausgewählt ist. Die Value-Eigenschaft ruft den Wert des ausgewählten Optionsfelds ab.

Diese Lösung ist mit allen gängigen Browsern kompatibel und erfordert keine zusätzlichen Bibliotheken wie jQuery

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