Wie kann ich mit einer JavaScript-Funktion auf ein HTML-Textfeld zugreifen?
Versuchen Sie es ganz einfach:
%Vor%
Die Variable textboxValue
entspricht dem, was Sie in das Textfeld eingegeben haben.
Denken Sie daran, dass Sie Ihr Skript, wenn es so einfach geschrieben ist, hinter das Textfeld ( input
field) in Ihrem HTML platzieren müssen. Andernfalls würde beim ersten Laden der Seite ein Fehler auftreten, weil das Skript sucht input
Feld, das noch nicht vom Browser erstellt wurde.
Ich hoffe, das hilft!
Zunächst müssen Sie in der Lage sein, eine DOM-Referenz (Document Object Model) auf das Textfeld zu bekommen:
%Vor% Beachten Sie das Attribut id
, das Textfeld hat jetzt die ID mytextbox
.
Nächster Schritt ist, die Referenz in JavaScript zu erhalten:
%Vor% Dies ruft ein HTML-Element durch sein id
-Attribut ab. Beachten Sie, dass diese IDs eindeutig sein müssen, damit Sie nicht zwei Textfelder mit derselben ID haben können.
Jetzt ist der letzte Schritt, um den Wert des Textfelds abzurufen:
%Vor% Die Eigenschaft value
enthält den Inhalt der Textbox, und das ist es!
Für mehr Referenz möchten Sie vielleicht einige Dinge bei MDC überprüfen:
GetElementByID Referenz < br> Eingabeelement-Referenz
Eine allgemeine Übersicht über das DOM
document.getElementById ('textboxid') oder document.formname.textboxname.value
Tags und Links javascript html textbox