每日一练26

来源：互联网发布：淘宝网图书松下幸之助编辑：程序博客网时间：2024/06/05 23:01

请做一个年，月，日的联动菜单（选择年才可以选择月，选择月才可以选择日，并且2月的天数要正确）

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">

<script src="jquery-3.2.1.js"></script>
<title>Document</title>
</head>
<body>
<form>
  <select id="year">
   <option value="">年</option>
  </select>
  <select id="month">
   <option value="">月</option>
  </select>
  <select id="day">
   <option value="">日</option>
  </select>
</form>
</body>
<script type="text/javascript">
function getYear(){
var html = "<option value=''>年</option>";
for(var i = 2000;i<2030;i++){
  html += "<option value='";
  html += i;
  html += "'>";
  html += i;
  html += "</option>";
}
$("#year").html(html);
}
getYear();
function getMonth(){
$("#year").change(function(){
  $("#day").html("<option value=''>日</option>");
  var html = "<option value=''>月</option>";
  for(var i = 1;i<13;i++){
   html += "<option value='";
   html += i;
   html += "'>";
   html += i;
   html += "</option>";
  }
  $("#month").html(html);
});
}
getMonth();
function getDay(){
$("#month").change(function(){
  var html = "<option value=''>日</option>";
  var year = $("#year").val().trim();
  var month = $("#month").val().trim();
  var a = 0;
  if(parseInt(year)%100 == 0){
   if(year%400 == 0){
    a = 29;
   }else{
    a = 28;
   }
  }else{
   if(parseInt(year)%4 == 0){
    a = 29;
   }else{
    a = 28;
   }
  }
  if(month == "1" || month == "3" || month == "5" || month == "7" || month == "8" || month == "10" || month == "12"){
   for(var i = 1;i<=31;i++){
    html += "<option value='";
    html += i;
    html += "'>";
    html += i;
    html += "</option>";
   }
   $("#day").html(html);
  }else if(month == "4" || month == "6" || month == "9" || month == "11" ){
   for(var i = 1;i<=30;i++){
    html += "<option value='";
    html += i;
    html += "'>";
    html += i;
    html += "</option>";
   }
   $("#day").html(html);
  }else{
   for(var i = 1;i<=a;i++){
    html += "<option value='";
    html += i;
    html += "'>";
    html += i;
    html += "</option>";
   }
   $("#day").html(html);
  }
});
}
getDay();
</script>
</html>

阅读全文

0 0