 Formularwerte an Script übergeben / übernehmen 01
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 'name'
 |
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 'name'. Die Technik über 'id' wird  auf dieser Seite beschrieben.
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;
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 • Werteübergabe