使用jquery获取文本框值

时间:2013-06-07 08:55:08

标签: javascript jquery

我有生成html的文本框

<input id="datePicker" class="date hasDatepicker" type="text" value="" name="date">

$(document).ready(function () {
        var data = $("#datePicker").val();

        $(".dateBtn").click(function (event) {
            FetchDetails(data);
        })
....

在页面上填充了Onclick文本框,但没有任何值发送到FetchDetails函数。我在这里做错了什么?

由于

2 个答案:

答案 0 :(得分:4)

这是因为您正在读取页面加载时输入字段的值并将值赋给data。输入值所做的任何更改都不会反映在变量data中。

解决方案是在需要时读取输入值,以便获得最新值

你需要

$(".dateBtn").click(function (event) {
            FetchDetails($("#datePicker").val());
        })

答案 1 :(得分:1)

尝试

$(document).ready(function () {        
    $(".dateBtn").click(function(event) {
        var data = $("#datePicker").val();
        FetchDetails(data);
    });
});

最好在单击按钮后获取文本框值,因为在您的情况下,数据将准备好文档,如果我们进一步更改该值,则它应该保持相同