使用jQuery獲取文本框值

Question

我有帶有生成的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函數。 我在這里做錯了什么？

謝謝

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);
    });
});

最好在單擊按鈕后獲取文本框值，因為在您的情況下，數據將准備就緒在文檔上，如果我們進一步更改該值，則該值應保持不變