如何從javascript獲取文本框的實際值？

Question

我有這樣

<input type="text" value="0" id="rangestarttxtField" name="rangestarttxtField" /> 

在HTML頁面中的文本框，如果我寫在文本框的東西，並試圖從JavaScript得到其數值是這樣

$("#rangestarttxtField").val(); 

它返回0，而不是寫入值。如何在不從標記中刪除value =「0」的情況下獲得用戶的書面價值？

Answer 1

嘗試這樣的事情，看看你會得到什麼：

$("#rangestarttxtField").bind('change', function(){ 
    console.log($("#rangestarttxtField").val();); 
});

Answer 2

似乎爲我工作的罰款。這裏有一個例子：http://jsfiddle.net/S6SpZ/

alert($("#rangestarttxtField").val()); 

$("#rangestarttxtField").blur(function(){ 
    alert($("#rangestarttxtField").val()); 
}); 

首先我提醒框的初始值。然後在blur事件中我再次做同樣的事情。您可以看到它返回用戶輸入的值，而不是html value屬性中指定的初始值。

Answer 3

你可能會讓它警覺或記錄初始值，但實際上你想要做的就是將警報綁定到一個事件，如按鈕單擊或更改事件。

像這樣的東西應該爲你工作：

<input type="text" value="0" id="rangestarttxtField" name="rangestarttxtField" /> 
<input type="submit" value="Get Value!" id="submitbutton" /> 


$(document).ready(function() { 
    $('#submitbutton').click(function(){ 
     alert($('#rangestarttxtField').val());  
    }); 
}); 

http://jsfiddle.net/3RdHf/

Answer 4

這是一個簡單的方法，我用

var somevariable = document.getElementById("elementName").value; 

希望這有助於