получает значение текстового поля с помощью 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); 
    }); 
}); 

Лучше получить значение текстового поля после нажатия кнопки, потому что в вашем случае данные будут готовы к документу, и если мы изменим далее это значение, тогда он должен оставаться таким же