Javascript，正在查看[object HTMLInputElement]

Question

我剛剛開始學習HTML。對我的一個變量做一個alert()給了我這個結果[object HTMLInputElement]。

如何獲取在文本字段中添加的數據，其中的輸入類型是文本？

Answer 1

說你的變量是myNode，你可以做myNode.value來檢索輸入元素的值。

Firebug有一個顯示有用DOM屬性的「DOM」選項卡。

另請參閱Mozilla的頁面的引用：https://developer.mozilla.org/en-US/docs/DOM/HTMLInputElement

Answer 2

如果元素是<input type="text">，你應該查詢value屬性：

alert(element.value); 

請參閱本jsFiddle一個例子。

此外，看到您開始學習HTML，您可能會考慮使用console.log()而不是alert()進行調試。它不會中斷腳本的執行流程，並且幾乎每個瀏覽器中的開發人員工具都可以看到所有日誌的總體視圖（顯然，，其中一個除外）。當然，你可以考慮使用一個像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（）獲取該元素（jQuery的方法）的值，$（ 「輸入：文本」）此選擇你的選擇輸入.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); 


      }