JavaScript: Input Wert ohne jQuery setzen und lesen (mit purem JavaScript)
Frage von Gast | Letztes Update am 17.11.2021 | Erstellt am 19.09.2016
Gibt es eigentlich irgendeine Möglichkeit, den Wert eines HTML-Input-Feldes mit purem JavaScript zu verändern oder auszulesen?
Bis jetzt habe ich dafür immer jQuery benutzt und bin entsprechend zum Setzen eines Wertes und Lesen eines Feldes folgendermaßen vorgegangen:
<input type="text" id="fieldId" value="xyz">
$("#fieldId").val("abc"); // Wert mit jQuery setzen
var wert = $("#fieldId").val(); // Wert mit jQuery auslesen
Nun erfordert dies natürlich das Einbinden der gesamten jQuery-Bibliothek. Und genau das würde ich mir gerne in einem aktuellen Projekt ersparen, da ich eigentlich nur diese eine Funktion von jQuery benötige.
Gibt es also irgendeine pure JavaScript-Lösung, die ohne jQuery auskommt?
Ähnliche Themen
HTML-Formular mit Daten vorbelegen
Tutorial | 0 Kommentare
jQuery: Data-Attribut-Wert lesen und ändern
Tutorial | 0 Kommentare
Bild vor dem Upload im Browser verkleinern
Tutorial | 5 Kommentare
jQuery: Zeichen mehrerer Input-Felder zählen
Tipp | 9 Kommentare
JavaScript: Submit einer Form abfangen
Tutorial | 0 Kommentare
PHP: Formular-Eingaben als Array an PHP Skript schicken
Tipp | 0 Kommentare
jQuery: Submit-Button deaktivieren, wenn keine Checkbox ausgewählt ist
Tutorial | 5 Kommentare
Wichtiger Hinweis
Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.
Jetzt mitmachen
Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.
Ja, das kann man auch ohne weiteres mit reinem JavaScript machen.
Um an das Feld heranzukommen, können wir dazu die Funktion document.getElementById() benutzen, der wir die ID unseres Elementes übergeben können. Alles weitere machen wir dann mit .value:
document.getElementById('fieldId').value = "abc"; var wert = document.getElementById('fieldId').value;Die erste Zeile setzt entsprechend den Wert von "fieldId" auf "abc", die zweite Zeile liest den Wert aus und speichert ihn in der Variable "wert".
Letztes Update am 17.11.2021 | Erstellt am 20.09.2016