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

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

Quelle

2010-11-18 Ahmad Farid

Meinst du, um den Wert der Textbox zu erhalten? –

ja genau. ohne zurück zum Server gehen, obwohl –

[Weitere Wege in früheren Thread] (http://StackOverflow.com/Questions/4206336/How-Doi-use-Javascript-to-update-the-Values-of-hidden- Eingabefelder/4206459 # 4206459) – Tobias

Set ID-Eigenschaft auf Textfeld und verwenden document.getElementById() Funktion ... Beispiel unten:

<html> 
<head> 
<script type="text/javascript"> 

function doSomethingWithTextBox() 
{ 
    var textBox = document.getElementById('TEXTBOX_ID'); 
    // do something with it ... 

} 

</script> 
</head> 

<body> 

<input type="text" id="TEXTBOX_ID"> 

</body> 
</html>

Quelle

2010-11-18 10:04:06 Richard

Aus Gründen der Prägnanz würde dies den Wert des Textfelds (TEXTBOX_ID) nicht wirklich erhalten, es sei denn, Sie haben die Funktion doSomethingWithTextBox() aufgerufen. Sie müssten die Funktion doSomethingWithTextBox() nach Ihrem Eingabe-Tag (TEXTBOX_ID) aufrufen, andernfalls würde doSomethingWithTextBox() nach einem Textfeld suchen, das noch nicht existiert, und Sie, d erhalten einen Fehler. –

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

Quelle

2010-11-18 10:00:14

Geben Sie Ihren Textbox ein id Attribut und nach, holen sie mit document.getElementById('<textbox id>').

Quelle

2010-11-18 10:01:44 jolt

Zuerst ein DOM (Document Object Model) Verweis auf die Textbox in der Lage sein müssen, erhalten :

<input type="text" id="mytextbox" value="Hello World!" />

Beachten Sie das id Attribut hat die Textbox nun die ID mytextbox.

Der nächste Schritt ist die Referenz in JavaScript zu erhalten:

var textbox = document.getElementById('mytextbox'); // assign the DOM element reference to the variable "textbox"

Dies wird ein HTML-Element durch seine id Attribut abzurufen. Beachten Sie, dass diese IDs eindeutig sein müssen, sodass Sie nicht zwei Textfelder mit derselben ID haben können.

nun der letzte Schritt ist es, den Wert der Textbox abzurufen:

alert(textbox.value); // alert the contents of the textbox to the user

Die value Eigenschaft enthält den Inhalt der Textbox, und das ist es!

Für weitere Referenz, die Sie vielleicht ein paar Sachen über am MDC prüfen wollen:
GetElementByID Reference
Input Element Reference
A general overview of the DOM

Quelle

2010-11-18 10:10:20

Ganz einfach, versuchen Sie dies:

<!doctype html> 
<html> 
    <head> 
     … 
    </head> 
<body> 
    <form> 
     <input id="textbox" type="text" /> 
    </form> 
    <script> 
     var textboxValue = document.getElementById("textbox").value; 
    </script> 
</body>

Die Variable textboxValue wäre gleich wha Sie haben in das Textfeld getippt.

Denken Sie daran, Sie müssen Ihr Skript platzieren, wenn so einfach wie diese geschrieben, nach der Textbox (input Feld) in Ihrem HTML angezeigt wird, andernfalls, wenn die Seite geladen wird eine Fehlermeldung angezeigt würde, weil das Skript für input die Suche Feld, das noch nicht vom Browser erstellt wurde.

Ich hoffe, das hilft!

Quelle

2010-11-18 10:13:18

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

Antwort

Verwandte Themen