Javascript、viewing [オブジェクトHTMLInputElement]

Question

私はちょうどHTMLを学び始めました。私の変数の1つにalert()を実行すると、この結果は[object HTMLInputElement]になります。

入力フィールドがテキストのテキストフィールドに追加されたデータを取得するにはどうすればよいですか？

Answer 1

変数がmyNodeであるとすると、myNode.valueを入力要素の値を取得することができます。

Firebugには、便利なDOM属性を示す「DOM」タブがあります。

また、参考のためにmozillaのページを参照してください要素（jQueryのメソッド）の値を取得するhttps://developer.mozilla.org/en-US/docs/DOM/HTMLInputElement

Answer 2

要素が<input type="text">であれば、あなたはvalue属性を照会する必要があります

alert(element.value); 

はこのjsFiddleの例を参照してください。

また、HTMLを学び始めるのを見て、デバッグにalert()の代わりにconsole.log()を使用することを検討することもできます。これはスクリプトの実行フローを中断するものではなく、ほとんどすべてのブラウザのすべてのログを開発者ツールで一般的に見ることができます（は明らかにです）。

もちろん、FirebugのようなWeb開発ツールを使用することを検討することができます。これはFirefoxの強力なアドオンです（javascriptコードのデバッグ、DOMインスペクタ、リアルタイムDOM/CSSの変更、要求の監視...）

Answer 3

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

使用.valを（）、$（ "入力：テキスト"）このセレクタが選択するためにあなたの入力、.change（）を使用して、イベントハンドラをJavaScriptイベントの「変更」にバインドします。

Answer 4

変更：

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

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

への注記：セレクタ：ID、クラス..

Answer 5

あなたがクライアントから値を取得する例の値を作成し、その。

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


      }