Javascript, wyświetlanie [object HTMLInputElement]

Question

Po prostu zacząłem uczyć się HTML. Wykonanie alert() na jednej z moich zmiennych daje mi ten wynik [object HTMLInputElement].

Jak uzyskać dane, które zostały dodane w polu tekstowym, gdzie mój typ wprowadzania to tekst?

Answer 1

Powiedz, że zmienna to myNode, możesz wykonać myNode.value, aby pobrać wartość elementów wejściowych.

Firebug ma zakładkę "DOM", która pokazuje użyteczne atrybuty DOM.

Zobacz także stronę mozilla na odniesienie: https://developer.mozilla.org/en-US/docs/DOM/HTMLInputElement

Answer 2

Jeśli element jest <input type="text"> należy kwerendy atrybut value:

alert(element.value); 

Zobacz przykład w tym jsFiddle.

Ponadto, gdy zaczynasz uczyć się HTML, możesz rozważyć użycie console.log() zamiast alert() do celów debugowania. Nie przerywa to wykonywania skryptu i możesz mieć ogólny widok wszystkich logów w prawie każdej przeglądarce za pomocą narzędzi programistycznych (z wyjątkiem , którą oczywiście jest).

Oczywiście można również rozważyć użycie narzędzia do tworzenia stron internetowych, takiego jak np. Firebug, które jest potężnym dodatkiem do Firefoksa, który zapewnia wiele funkcji (debugowanie kodu javascript, inspektora DOM, zmiany DOM/CSS w czasie rzeczywistym , żądanie monitorowania ...)

Answer 3

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

użytkowania .val(), aby uzyskać wartość elementu (metoda jquery), $ ("input text") to selektor, aby wybrać input, .change(), aby powiązać moduł obsługi zdarzeń ze zdarzeniem JavaScript "zmień".

Answer 4

zmiana:

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

do

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

uwaga: selektor: id, class ..

Answer 5

Gdy pojawi się wartość od marki klienta i że wartość na przykład .

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); 


      }