So erhalten Sie Werte in Javascript

Mit der rasanten Entwicklung der modernen Webentwicklung ist JavaScript zu einer der wichtigsten Sprachen in der Web-Frontend-Entwicklung geworden. In JavaScript ist das Abrufen von Werten ein sehr grundlegender und wichtiger Vorgang und auch ein unverzichtbarer Bestandteil der täglichen Entwicklungsarbeit. In diesem Artikel werden Methoden und Techniken zum Abrufen verschiedener Arten von Werten in JavaScript vorgestellt und einige praktische Fälle vorgestellt.

1. Holen Sie sich den Wert des Eingabefelds

In der Webentwicklung müssen wir normalerweise Eingabedaten vom Benutzer abrufen, z. B. Benutzereingaben im Formulareingabefeld. JavaScript bietet mehrere Methoden, um den Wert des Eingabefelds abzurufen, darunter:

1. Eingabefeld anhand der ID abrufen

Der einfachste Weg, ihn abzurufen it Die Methode des Eingabefelds besteht darin, das Element anhand der ID abzurufen und dann den Wert des Elements abzurufen. Für ein Eingabefeld mit der ID „Eingabe“ können Sie beispielsweise den folgenden Code verwenden, um seinen Wert abzurufen:

let inputEle = document.getElementById('input');
let inputValue = inputEle.value;

2. Get the input box by name
#🎜 🎜## 🎜🎜#Zusätzlich zum Abrufen des Eingabefelds über die ID können wir das Eingabefeld auch über das Namensattribut abrufen. Diese Methode eignet sich für Formulare, die mehrere Eingabefelder enthalten. Wir können das Eingabefeldelement mit dem angegebenen Namensattribut erhalten, indem wir die Formularelemente durchlaufen.

let forms = document.forms;
for (let i = 0; i < forms.length; i++) {
  let inputEle = forms[i].elements['username'];
  let inputValue = inputEle.value;
}

2. Ermitteln Sie den Wert des Optionsfelds und des Kontrollkästchens.

Im Formular müssen wir häufig den Wert des Optionsfelds und des Kontrollkästchens ermitteln. Anders als beim Abrufen des Werts des Eingabefelds sind beim Abrufen des Werts eines Optionsfelds und eines Kontrollkästchens verschiedene Methoden erforderlich.

Den ausgewählten Optionsfeldwert abrufen

Für das Optionsfeld müssen wir das Optionsfeld durchlaufen und das ausgewählte Element finden und seinen Wert erhalten.

let radios = document.getElementsByName('gender');
let radioValue;
for (let i = 0; i < radios.length; i++) {
  if (radios[i].checked) {
    radioValue = radios[i].value;
    break;
  }
}

Den Wert mehrerer Kontrollkästchen abrufen

Für Kontrollkästchen müssen wir möglicherweise mehrere Werte des ausgewählten Kontrollkästchenwerts abrufen. Zu diesem Zeitpunkt müssen wir die Methode verwenden, die Kontrollkästchen zu durchlaufen und den Wert des ausgewählten Kontrollkästchens in einem Array zu speichern.

let checkboxes = document.getElementsByName('hobbies');
let checkboxValues = [];
for (let i = 0; i < checkboxes.length; i++) {
  if (checkboxes[i].checked) {
    checkboxValues.push(checkboxes[i].value);
  }
}

3. Den Wert der Dropdown-Liste abrufen

Die Dropdown-Liste ist auch ein allgemeines Formularelement, aus dem wir den ausgewählten Wert abrufen müssen. Wie beim Optionsfeld müssen wir die Dropdown-Liste durchlaufen, das ausgewählte Element finden und seinen Wert ermitteln.

let selectEle = document.getElementById('city');
let selectValue = selectEle.options[selectEle.selectedIndex].value;

4. Den Wert von URL-Parametern abrufen

In der Webentwicklung müssen wir häufig die Parameterwerte in der URL abrufen. JavaScript bietet einige Methoden zum Abrufen von Parameterwerten in der URL, z. B. URLSearchParams und location.search-Attribute.

URLSearchParams

URLSearchParams ist eine neue API, die URL-Abfragezeichenfolgen einfach analysieren kann. Wir können seine get-Methode verwenden, um den Wert des angegebenen Parameters abzurufen.

let params = new URLSearchParams(location.search);
let id = params.get('id');

location.search

Wenn Sie den Parameterwert in der URL erhalten möchten, können Sie die location.search-Eigenschaft des verwenden globales Objektfensterobjekt. location.search gibt den Abfrageteil der URL zurück (den Teil, der mit dem Fragezeichen ? beginnt).

let searchStr = window.location.search;
let params = new URLSearchParams(searchStr);
let id = params.get('id');

5. Zusammenfassung

In diesem Artikel wird hauptsächlich vorgestellt, wie Javascript verschiedene Arten von Werten abrufen kann, einschließlich des Abrufens dieser aus Formulareingabefeldern, Optionsfeldern, Kontrollkästchen und Dropdown-Listen listet den Wert auf und ruft den Parameterwert von der URL ab. Unabhängig davon, um welche Art von Wert es sich handelt, stellt JavaScript entsprechende Methoden bereit, um ihn zu erhalten. Wir müssen nur die geeignete Methode entsprechend den tatsächlichen Anforderungen auswählen. Bei der täglichen Entwicklungsarbeit wird das Verständnis dieser Methoden zu großer Bequemlichkeit und Effizienz bei Ihrer Arbeit führen.

Das obige ist der detaillierte Inhalt vonSo erhalten Sie Werte in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!