javascript生日下拉框

最新推荐文章于 2023-04-19 22:13:22 发布

派bigStart

最新推荐文章于 2023-04-19 22:13:22 发布

阅读量2k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/yy476864889/article/details/52875405

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>下拉框生日</title>
<style>
#y1 {
width: 60px;
}
</style>
<script>
//获取年
function sryear(count) {
var temp = document.getElementById("select1");
var time = new Date();
var timetemp = time.getFullYear();
for(var i = 0; i < count; i++) {

temp.innerHTML += "<option id='year' value='" + (timetemp - i) + "'>" + (timetemp - i) + "</option>";
}

}
//获取月
function srmonth() {
var temp = document.getElementById("select2");
temp.length = 0;
for(var i = 1; i < 13; i++) {
temp.innerHTML += "<option id='month' value='" + i + "'>" + i + "</option>";
}
}
//判断是否是闰年
// function checkyear(){
// var flag;
// var sryear=document.getElementById("select1").value;
// if((sryear%4==0&&year%100!=0)||year%400==0){
// flag=1;//闰年
// }else{
// flag=2;//平年
// }
//
// return flag;
// }
//判断多少日
function checkmonth(i) {
var countday;
switch(i) {
case 2:
var sryear = document.getElementById("select1").value;
if((sryear % 4 == 0 && sryear % 100 != 0) || sryear % 400 == 0) {
countday = 29; //闰年
} else {
countday = 28; //平年
}

break;
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
countday = 31;
break;
case 4:
case 6:
case 9:
case 11:
countday = 30;
break;
default:
break;
}

return countday;
}
//输出日
function srday(mt) {
var temp = document.getElementById("select3");
temp.length = 0;
for(var i = 1; i <= mt; i++) {
temp.innerHTML += "<option id='day' value='" + i + "'>" + i + "</option>";
}

}
//调用函数判断多少日
function srdaytime() {
//var flag = parseInt(checkyear());
var month = parseInt(document.getElementById("select2").value);
var day = checkmonth(month)
srday(day);
}
// function sr(count){
// sryear(count);
// srmonth();
//
// }
</script>
</head>

<body οnlοad="sryear(50);">
<select id="select1" οnchange="srmonth();">
<option>-年-</option>
</select>年

<select id="select2" οnchange="srdaytime();">
<option>-月-</option>
</select>月

<select id="select3">
<option>-日-</option>
</select>日<br />


</body>

</html>

派bigStart

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript生日下拉框

"http://www.w3.org/TR/html4/strict.dtd">下拉框生日#y1 {width: 60px;}//获取年function sryear(count) {var temp = document.getElementById("select1");var time = new Date();va
复制链接

扫一扫