Wie rufe ich den Wert eines ausgewählten Optionsfelds in JavaScript korrekt ab?

Abrufen des Werts eines ausgewählten Optionsfelds

Beim Versuch, den Wert eines Optionsfelds abzurufen, können Probleme auftreten, die zu „undefiniert“ führen zurückgegebene Werte. Um eine Lösung zu finden, ist es wichtig, die Gründe für dieses Verhalten zu verstehen. Lassen Sie uns den Code untersuchen und eine Lösung vorschlagen.

Im bereitgestellten Code:

function findSelection(field) {
  var test = 'document.theForm.' + field;
  var sizes = test;

Sie versuchen fälschlicherweise, auf das Formularelement zuzugreifen, indem Sie die Zeichenfolge in eine Variable konvertieren, was nicht der Fall ist Auf DOM-Elemente wird in JavaScript zugegriffen. Dies führt zu undefiniert.

Um dieses Problem zu beheben, sollten Sie document.querySelector oder document.querySelectorAll verwenden, um die Formulareingaben genau auszuwählen.

Hier ist eine verbesserte Version:

const radioButtons = document.querySelectorAll('input[name="genderS"]');
for (let i = 0; i < radioButtons.length; i++) {
  if (radioButtons[i].checked) {
    return radioButtons[i].value;
  }
}

Alternativ können Sie den modernen Ansatz verwenden:

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

Dadurch wird der Wert von korrekt zurückgegeben das ausgewählte Optionsfeld, ohne dass das undefinierte Problem auftritt.

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