formularfeld vorbelegen via javascript

[grau]

Hallo zusammen,

Ich möchte in einem Formular ein Eingabefeld vorbelegen mit einem string, den ich aus der URL der aufrufenden Seite extrahieren kann - so etwa: "seite.html?variablenstring". Wie sollte so ein script aussehen, was das leistet und steht es im body oder im header?

Danke für die Mühe

grau

[Mathias Brodala]

Hallo grau.

Ich möchte in einem Formular ein Eingabefeld vorbelegen mit einem string, den ich aus der URL der aufrufenden Seite extrahieren kann - so etwa: "seite.html?variablenstring". Wie sollte so ein script aussehen, was das leistet …

An den Request-String kommst du ziemlich leicht per location.http://de.selfhtml.org/javascript/objekte/location.htm#search@title=search.

Beim Laden des Dokumentes¹ greifst du nun auf das jeweilige Formularfeld zu (z. B. per document.http://de.selfhtml.org/javascript/objekte/forms.htm@title=forms.http://de.selfhtml.org/javascript/objekte/elements.htm@title=elements) und ersetzt dessen Wert (value) durch den soeben geholten String. Vorsichtshalber solltest du hier aber vorher noch überprüfen, ob das Formularfeld wirklich leer ist. Andernfalls überschreibst du blindlings bereits getätigte Nutzereingaben. (Manche tippen bereits los, bevor das Dokument fertig geladen wurde.)

… und steht es im body oder im header?

Am saubersten wäre es natürlich, das <http://de.selfhtml.org/javascript/intro.htm#javascriptdateien@title=Script in einer externen Datei> unterzubringen. Alternativ bietet sich natürlich auch einfach ein <http://de.selfhtml.org/javascript/intro.htm#javascriptbereiche@title=script-Block im head-Element> deines Dokumentes an.

Bzgl. ¹:

window.onload = function() {  
  
  /* Code */  
}

Durch diese Schreibweise hältst du dein HTML vom JavaScript sauber getrennt.

Einen schönen Dienstag noch.

Gruß, Mathias