javascript - getting textbox value using jquery

Question

I have textbox with generated 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 textbox is populated at the page but no value is being sent to the FetchDetails function. What I am doing wrong here?

Thanks

Answer 1

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

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

你需要

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

Answer 2

试试喜欢

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

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