Question

我有以下代码：

$(document).ready(function() {
    var phone_number = $('input[name=phone_number]').val();
    alert(phone_number);
});

问题是phone_number在加载页面时总是有值。用户可以更改输入fied上的电话号码 - 但脚本始终会获得过时的价值。我该如何解决这个问题？

非常感谢您的帮助！

Answer 1

单击任何按钮时调用此功能
假设你有一个按钮

<input type="button" value="Get Value" id="getvalue" />

点击后获取字段的值

$(document).ready(function() { 
    $('#getvalue').click(function() {
         var phone_number = $('input[name=phone_number]').val();
         alert(phone_number);
    });
});

Answer 2

如果您在document.ready中编写此获取值脚本...它总是为您提供默认值..

在元素点击事件 ...

中的任何一个中尝试获取值脚本

因为：此处document.ready = Page Load事件......

试试这个小提琴：http://jsfiddle.net/RYh7U/74/

Answer 3

由于asifsid88是正确的，但如果用户可能更改了电话号码，那么在更改电话号码之后您需要字段值而不是点击事件，我认为您应该使用更改事件。

Answer 4

您已在 document.ready 函数中编写此脚本，这就是它返回过时值的原因。把这个脚本放在某种情况下，例如click，keypress，blur，onchange等......这样你就可以获得改变的值。

<input type="text" name="phone_number" id="phone_number" value="Get Value"/>

$(document).ready(function() { 
    $('#phone_number').blur(function() {
         var phone_number = $(this).val();
         alert(phone_number);
    });
});

如何通过javascript从输入字段获取实际值？

4 个答案: