Javascript, Anzeige [Objekt HTMLInputElement]

Question

Ich habe gerade erst begonnen, HTML zu lernen. Eine alert() auf einer meiner Variablen gibt mir dieses Ergebnis [object HTMLInputElement].

Wie bekomme ich die Daten, die im Textfeld hinzugefügt wurden, wo meine Eingabeart Text ist?

Answer 1

Nehmen wir an, Ihre Variable ist myNode, Sie können myNode.value tun, um den Wert der Eingabeelemente abzurufen.

Firebug hat eine Registerkarte "DOM", die nützliche DOM-Attribute zeigt.

Siehe auch die mozilla-Seite für eine Referenz: https://developer.mozilla.org/en-US/docs/DOM/HTMLInputElement

Answer 2

Wenn das Element ein <input type="text"> ist, sollten Sie das value Attribut abfragen:

alert(element.value); 

ein Beispiel in diesem jsFiddle See.

Außerdem, und Sie sehen, dass Sie anfangen, HTML zu lernen, können Sie console.log() anstelle von alert() für Debugging-Zwecke verwenden. Es unterbricht nicht den Ausführungsfluss des Skripts, und Sie können eine allgemeine Ansicht aller Protokolle in fast jedem Browser mit Entwicklertools (außer , dass eine, natürlich).

Und natürlich könnten Sie ein Web-Entwicklungstool wie Firebug zum Beispiel verwenden, das ein mächtiges Addon für Firefox ist, das viele Funktionen bietet (Debugging von JavaScript-Code, DOM-Inspektor, Echtzeit-DOM/CSS-Änderungen) , Anfrage Überwachung ...)

Answer 3

<input type="text" /> 
<script> 
$("input:text").change(function() { 
    var value=$("input:text").val(); 
    alert(value); 
}); 
</script> 

Verwendung .val() Wert des Elements (jquery-Methode) zu erhalten, $ ("input: text") diese Wähler wählen Sie Ihre input, .change(), um einen Event-Handler an das JavaScript-Event "change" zu binden.

Answer 4

Änderung:

$("input:text").change(function() { 
    var value=$("input:text").val(); 
    alert(value); 
}); 

zu

$("input:text").change(function() { 
    var value=$("input[type=text].selector").val(); 
    alert(value); 
}); 

Anmerkung: Selektor: id, Klasse ..

Answer 5

Wenn Sie einen Wert von Client machen und dass ein Wert beispielsweise erhalten .

var current_text = document.getElementById('user_text').value; 
     var http = new XMLHttpRequest(); 
     http.onreadystatechange = function() { 

      if (http.readyState == 4 && http.status == 200){ 
       var response = http.responseText; 
       document.getElementById('server_response').value = response; 
       console.log(response.value); 


      }