在表单选择列表中设置当前日期

时间:2010-07-15 01:20:41

标签: html

基本上我有一个HTML表格,它从用户那里读取酒店预订系统的日期。

我有3个列表,一个用于一天,一个用于一个月,一个用于一年。

<SELECT NAME="month">  
 <OPTION VALUE="1"> Jan  
 <OPTION VALUE="2"> Feb  
 <OPTION VALUE="3"> March and so on
</SELECT>

和年份(2010年至2013年)和日期(1月31日)相同。

是否有任何方法可以将当天列表中的默认值设置为当天,月份列表中的默认值设置当前月份,年份列表中的默认值设置为当前年份?而不是手动必须这样做。

提前感谢您的帮助!

4 个答案:

答案 0 :(得分:3)

您需要使用JavaScript。这是一个使用jQuery的例子:

<script type="text/javascript">
  $(document).ready(function(){
    var CurrentDate=new Date();

    $("#year").val(CurrentDate.getYear());
    $("#month").val(CurrentDate.getMonth());
    $("#day").val(CurrentDate.getDate());
  });
</script>

这是the code in action

答案 1 :(得分:0)

你必须使用javascript。或任何客户端脚本来执行此操作。我可以向您推荐一些示例,但您必须首先了解客户端脚本的概念

答案 2 :(得分:0)

作为对@sushil bharwani的回应,如果您对此感到满意,也可以使用服务器端语言。 PHP安装在您现在发现的大多数Web主机上,加上(而不是javascript)保证可以正常运行。客户端用户代理无关紧要。

答案 3 :(得分:0)

这是php代码:

<?php

    $month = date('F'); 

    if($month == "January")    { $jan = "selected"; }
    if($month == "February")   { $feb = "selected"; }   
    if($month == "March")      { $mar = "selected"; }  
    if($month == "April")      { $apr = "selected"; }   
    if($month == "May")        { $may = "selected"; }
    if($month == "June")       { $june = "selected"; }
    if($month == "July")       { $july = "selected"; }
    if($month == "August")     { $aug = "selected"; }
    if($month == "September")  { $sep = "selected"; }  
    if($month == "Octomber")   { $oct = "selected"; }  
    if($month == "November")   { $nov = "selected"; }
    if($month == "December")   { $dec = "selected"; }

?>

现在选择下面的代码,然后在body-tag:

之间复制和粘贴
<select name="start_month" id="start_month">
    <option value="January" <?php echo $jan; ?> >January</option>
    <option value="February" <?php echo $feb; ?> >February</option>
    <option value="March" <?php echo $march; ?>  >March</option>
    <option value="April" <?php echo $apr; ?> >April</option>
    <option value="May" <?php echo $may; ?> >May</option>
    <option value="June" <?php echo $june; ?>  >June</option>
    <option value="July" <?php echo $july; ?> >July</option>
    <option value="August" <?php echo $aug; ?> >August</option>
    <option value="September" <?php echo $sep; ?>  >September</option>
    <option value="Octomber" <?php echo $oct; ?> >Octomber</option>
    <option value="November" <?php echo $nov; ?> >November</option>
    <option value="December" <?php echo $dec; ?>  >December</option>
</select>

感谢。

注意:完整示例的链接:http://www.javascriptkit.com/script/script2/curdateform2.shtml