 Formularwerte an Script übergeben / übernehmen 02
Man kann einem Formular etwas zur Weiterverarbeitung mit einem JavaScript entnehmen oder auch nachträglich durch ein JavaScript etwas in das Formular hineinschreiben lassen. Dazu sind Techniken zur Übernahme / Übergabe der Feldinhalte erforderlich.
|
|
Werteübergabe mit Hilfe des Attributs 'id'
 |
Sie können einem Formularlelement den eingetragenen Wert entnehmen und weiter verarbeiten. Sie können also den Eintrag des Seitenbesuchers mit JavaScript weiter verarbeiten.
|
 |
Sie können einen zuvor duch ein JavaScript ermittelten Wert in ein Formularlelement übertragen. Sie können also ein Ergebnis in ein Eingabefeld hineinschreiben und anzeigen lassen.
|
Hier erkläre ich wie das funktioniert! Um Informationen aus einem ganz bestimmten Formularelement (z.B. einem Eingabefeld) zu entnehmen oder auch umgekehrt in ein bestimmtes Feld zu schreiben, stehen 2 Techniken zur Verfügung. Hier erkläre ich den Weg über das Attribut 'id'. Die Technik über 'name' wird  auf dieser Seite beschrieben.
Möglichkeit 2: 'Ansprache' über eine ID
Ich kann den Weg der Übernahme oder der Übergabe festlegen, indem ich das Formularelement 'mit einer ID anspreche'.
Übernahme der Werte, identifiziert durch ID (get Element By Id)
Dabei wird so verfahren: Das Formularelement (z.B. Eingabefeld) erhält bei der Notierung des Formular-Codes das Attribut 'id'. Das Formular selbst benötigt keinen Namen und auch nicht unbedingt eine eigene ID.
Hier im Beispiel erhält das Eingabefeld die id 'Nachname'.
<form ... >
<input id="Nachname" type="Text" ... >
...
</form>
Nun muss nicht mehr ein Bezug zum Formular hergestellt werden, sondern man bezieht sich direkt auf des Eingabefeld mit dem eindeutigen Indentifikator 'Nachname'.
Ach ja, eindeutig ist der Indentifikator nur, wenn eine ID mit dieser Bezeichnung innerhalb der Seite auch nur einmal vorkommt.
in diesem Dokument.wo-genau.was
document.im Element mit der ID Nachname.den Wert
document.im Element mit der ID("Nachname").den Wert
document.getElementById("Nachname").value
2.1) Werte dem Formular entnehmen
Über diesen Weg kann man einem Eingabefeld den Eintrag des Seitenbesuchers entnehmen und dann in eine Variable (hier: AbsenderName) schreiben:
var AbsenderName = document.getElementById("Nachname").value;
2.2) Werte in ein Formular schreiben
Das funktioniert auch im umgekehrten Weg. Man kann durch Javascript ermittelte Werte über eine ID in bestimmte Formularfelder schreiben lassen.
Hier wird vorausgesetzt, dass das Formular zwei Eingabefelder mit den Namen 'Tag' und 'Zeit' hat und zwei Variablen mit den Bezeichnern 'Wochentag' und 'Uhrzeit' die Werte bereithalten.
<form ... >
<input id="Zeit" type="Text" ... >
<input id="Tag" type="Text" ... >
...
</form>
Die Schreibanweisung lautet dann
document.getElementById("Zeit").value = Uhrzeit;
document.getElementById("Tag").value = Wochentag;
Beispiele
Erklärungen zur Technik der Entgegennahme + Weiterverarbeitung von Benutzereingaben mittels Formularelement-Name, finden sie im Beispiel
 Umrechnung Lichtjahre in km / US-Meilen
Erklärungen zur Technik der Entgegennahme + Weiterverarbeitung von Benutzereingaben und Berechrnungen mittels Identifikator (ID) finden sie im Beispiel
Umrechnung Inch in Zentimeter
simpler Counter im Formular
|
Home • Formulare • Formularvorlage