Javascript 接受预先填充的表单字段输入

我只是设置了我的

日期选择器

，用今天的日期自动填充它的输入字段。 通常，用户必须选择自己的日期，然后通过

enter

键提交他们的选择，我想在我的情况下，任何键都可以

是否有自动执行此操作的方法？由于该字段是预填充的，因此我希望今天日期的结果自动显示在页面加载上，而不需要用户接受已预填充到该字段中的日期（今天）

以下是我的代码，如果有用的话：

<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>

函数displayResult（）{
var-k；
if（window.event）//IE8及更早版本
{
k=事件.keyCode；
}else if（event.which）//IE9/Firefox/Chrome/Opera/Safari
{
k=事件。其中；
}
如果（k==13）//13='Enter'键
{
var dt=$（“#日期选择器”）.val（）；
//警报（dt）；
如果（dt！=''）{
$.ajax({
类型：“POST”，
url:“search_date.php”，
数据：“dt=”+dt，
成功：功能（选项）{
$（“#结果”）.html（选项）.listview（“刷新”）；
}
});
}否则{
$（“#结果”）.html（“”）；
}
返回false；
}
}
$（函数（）{
$（“#日期选择器”）.datepicker（）；
$（“#datepicker”）.datepicker（“setDate”，new Date（））；
$（“#日期选择器”）。日期选择器({
是的，
展示：“按钮”，
buttonImage:“images/calendar.gif”，
showAnim:“滑下”，
变化月：对，
showOtherMonths：是的，
选择OtherMonths:true，
onSelect：函数（日期文本，inst）{
//警报（$（“#日期选择器”）.datepicker（“getDate”））
//警报（“日期文本：+dateText+”，指令：+inst）；
var dt=日期文本；
如果（dt！=''）{
$.ajax({
类型：“POST”，
url:“search_date.php”，
数据：“dt=”+dt，
成功：功能（选项）{
$（“#结果”）.html（选项）.listview（“刷新”）；
}
});
}否则{
$（“#结果”）.html（“”）；
}
返回false；
}
});
$（'body'）.ready（函数（）{
var dt=$（“#日期选择器”）.val（）；
//警报（dt）；
如果（dt！=''）
{
$.ajax
({
类型：“POST”，
url:“search_date.php”，
数据：“dt=”+dt，
成功：功能（选项）
{
$（“#结果”）.html（选项）.listview（“刷新”）；
}
});
}
其他的
{
$（“#结果”）.html（“”）；
}
返回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;
});