 Formularwerte übergeben / übernehmen
Man kann einem Formular etwas zur Weiterverarbeitung entnehmen oder auch nachträglich etwas in das Formular hineinschreiben. Dazu sind Techniken zur Übernahme / Übergabe erforderlich.
 |
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.
Möglichkeit 1: 'Ansprache' über Namen
Ich kann den Weg der Übernahme oder der Übergabe festlegen,
indem ich Formular und Formularelement 'beim Namen nenne'.
Übernahme- / Übergabeort identifiziert durch Namen
Das war bisher üblich, die Erfassung über die Namen. Beispiel:
entnehme dem Formular mit dem Namen "Anfrage"
den Eintrag des Formularfeldes mit dem Namen "Nachname"
Ich lege fest wo die Informationen entnommen / geschrieben werden, indem ich den Formularnamen und den Elementnamen durch Namensnennung bestimme. Dazu müssen bei der Notierung des HTML-Codes für das Formular auch entsprechende Namen vergeben werden.
Das Formular hat hier den Namen 'Anfrage', das Eingabefeld den Namen 'Nachname'.
<form name="Anfrage" ... >
<input name="Nachname" type="Text" ... >
...
</form>
In 4 Schritten zur JavaScript-Anweisung zum Auslesen des Input-Feldes:
in diesem Dokument . im Formular . im Eingabefeld . steht was
document . welches Formular . welches Element . der Wert
document.Formularname.Elementname.value
document.Anfrage.Nachname.value
1.1) Werte dem Formular entnehmen
Mit 'document.Anfrage.Nachname.value' kann man den Wert des Formularfeldes auslesen!
Über diesen Weg kann man einem Eingabefeld den Eintrag des Seitenbesuchers entnehmen und dann in eine Variable (hier: AbsenderName) schreiben:
var AbsenderName = document.Anfrage.Nachname.value;
1.2) Werte in ein Formular schreiben
Umgekehrt kann man auch durch Javascript ermittelte Werte in Formularfelder schreiben lassen.
Hier wird vorausgesetzt, dass das Formular 'Anzeige' zwei Eingabefelder mit den Namen 'Tag' und 'Zeit' hat und zwei Variablen mit den Bezeichnern 'Wochentag' und 'Uhrzeit' die Werte bereithalten.
<form name="Anzeige" ... >
<input name="Zeit" type="Text" ... >
<input name="Tag" type="Text" ... >
...
</form>
Eine Berechnung ergab:
var Uhrzeit = "10:22";
var Wochentag = "Mittwoch":
Die Schreibanweisung lautet dann:
document.Anzeige.Zeit.value = Uhrzeit;
document.Anzeige.Tag.value = Wochentag;
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 mittes Identifikator finden sie im Beispiel
Umrechnung Inch in Zentimeter
| 
HOME
ZURÜCK