如何从javascript获取文本框的实际值?

时间:2011-06-30 14:17:32

标签: javascript jquery html

我在HTML页面中有一个像这样的文本框

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

如果我在文本框中写一些内容并试图从这样的javascript中获取它的价值

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

它返回0而不是写入值。如何在不从标记中删除value =“0”的情况下获取用户的写入值?

4 个答案:

答案 0 :(得分:5)

尝试这样的事情,看看你得到了什么:

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

答案 1 :(得分:3)

似乎对我来说很好。这是一个例子:http://jsfiddle.net/S6SpZ/

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

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

首先我警告盒子的初始值。然后在blur事件中,我再次做同样的事情。您可以看到它返回用户输入的值,而不是html value属性中指定的初始值。

答案 2 :(得分:1)

您可能正在提醒或记录初始值,但实际上您要做的是将警报绑定到按钮单击或更改事件等事件。

这样的事情对你有用:

<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/

答案 3 :(得分:0)

这是一个我使用的简单方法

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

希望这有帮助