Wie kann ich von JavaScript auf ein HTML-Textfeld zugreifen?

7

Wie kann ich mit einer JavaScript-Funktion auf ein HTML-Textfeld zugreifen?

    
Ahmad Farid 18.11.2010, 09:57
quelle

5 Antworten

9

Legen Sie die ID-Eigenschaft für das Textfeld fest und verwenden Sie die Funktion document.getElementById () ... Beispiel:

%Vor%     
Richard 18.11.2010, 10:04
quelle
6

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!

    
Jonathon Oates 18.11.2010 10:13
quelle
5

Geben Sie Ihrem Textfeld ein id -Attribut, und danach, holen Sie es mit document.getElementById('<textbox id>') .

    
jolt 18.11.2010 10:01
quelle
5

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

    
Ivo Wetzel 18.11.2010 10:10
quelle
4

document.getElementById ('textboxid')    oder document.formname.textboxname.value

    
Yishai Landau 18.11.2010 10:00
quelle

Tags und Links