接受預先填寫的表單字段輸入

Question

我剛剛設置我的date-picker以自動填充當前日期的輸入字段。 通常情況下，用戶將不得不通過enter鍵選擇他們自己的日期和submit他們的選擇，或者我認爲在我的情況下，任何鍵都可以。

有沒有辦法自動做到這一點？由於該字段是預填充的，因此我希望今天的日期結果自動顯示在頁面加載中，而無需用戶接受預填入該字段的日期（今天）。

這裏是我的代碼，如果它是有幫助的：

<script> 
function displayResult() { 
    var k; 
    if (window.event) // IE8 and earlier 
    { 
     k = event.keyCode; 
    } else if (event.which) // IE9/Firefox/Chrome/Opera/Safari 
    { 
     k = event.which; 
    } 
    if (k == 13) //13 = 'Enter' key 
    { 
     var dt = $("#datepicker").val(); 
     //alert(dt); 
     if (dt != '') { 
      $.ajax({ 
       type: "POST", 
       url: "search_date.php", 
       data: "dt=" + dt, 
       success: function (option) { 
        $("#results").html(option).listview("refresh"); 
       } 
      }); 
     } else { 
      $("#results").html(""); 
     } 
     return false; 
    } 
} 
</script> 
<script type="text/javascript"> 
$(function() { 
    $("#datepicker").datepicker(); 
    $("#datepicker").datepicker("setDate", new Date()); 
    $('#datepicker').datepicker({ 
     inline: true, 
     showOn: "button", 
     buttonImage: "images/calendar.gif", 
     showAnim: "slideDown", 
     changeMonth: true, 
     showOtherMonths: true, 
     selectOtherMonths: true, 
     onSelect: function (dateText, inst) { 
      //alert($('#datepicker').datepicker("getDate")) 
      //alert("dateText: " + dateText + ", inst: " + inst); 
      var dt = dateText; 

      if (dt != '') { 
       $.ajax({ 
        type: "POST", 
        url: "search_date.php", 
        data: "dt=" + dt, 
        success: function (option) { 
         $("#results").html(option).listview("refresh"); 
        } 
       }); 
      } else { 
       $("#results").html(""); 
      } 
      return false; 
     } 
    }); 
$('body').ready(function(){ 
var dt = $("#datepicker").val(); 
//alert(dt); 
if(dt != '') 
{ 
    $.ajax 
    ({ 
     type: "POST", 
     url: "search_date.php", 
     data: "dt="+ dt, 
     success: function(option) 
     { 
      $("#results").html(option).listview("refresh"); 
     } 
    }); 
} 
else 
{ 
    $("#results").html(""); 
} 
return false; 
}); 
</script> 

Answer 1

$('body').ready(function(){ 
    var dt = $("#datepicker").val(); 
    //alert(dt); 
    if(dt != '') 
    { 
     $.ajax 
     ({ 
      type: "POST", 
      url: "search_date.php", 
      data: "dt="+ dt, 
      success: function(option) 
      { 
       $("#results").html(option).listview("refresh"); 
      } 
     }); 
    } 
    else 
    { 
     $("#results").html(""); 
    } 
    return false; 
});