<html>
<head>
<title>年月日三下拉框联动</title>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<meta name='author' content='oiea'>
<script language="JavaScript">
<!--
function initDate(year,month,day)
{
//每个月的初始天数
MonDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
//当前的年份
var y = new Date().getFullYear();
//当前的月份
var m = new Date().getMonth()+1; //javascript月份为0-11
//但前的天份
var d = new Date().getDate();
//以今年为准,向后2年,填充年份下拉框
for (var i = y; i < (y+2); i++)
{
year.options.add(new Option(i,i));
}
//选中今年
year.value=y;
//填充月份下拉框
for (var i = 1; i <= 12; i++)
{
month.options.add(new Option(i,i));
}
//选中当月
month.value = m;
//获得当月的初始化天数
var n = MonDays[m-1];
//如果为2月,天数加1
if (m == 2 && isLeapYear(year.options[year.selectedIndex].value))
n++;
//填充日期下拉框
createDay(n,day);
//选中当日
day.value = new Date().getDate();
}
function change(year,month,day) //年月变化,改变日
{
var y = year.options[year.selectedIndex].value;
var m = month.options[month.selectedIndex].value;
//if (m == "" ){ clearOptions(day); return;}
var n = MonDays[m - 1];
if ( m ==2 && isLeapYear(y))
{
n++;
}
createDay(n,day)
}
function createDay(n,day) //填充日期下拉框
{
//清空下拉框
clearOptions(day);
//几天,就写入几项
for(var i=1; i<=n; i++)
{
day.options.add(new Option(i,i));
}
}
function clearOptions(ctl)//删除下拉框中的所有选项
{
for(var i=ctl.options.length-1; i>=0; i--)
{
ctl.remove(i);
}
}
function isLeapYear(year)//判断是否闰年
{
return( year%4==0 || (year%100 ==0 && year%400 == 0));
}
//-->
</script>
</head>
<body onload="initDate(document.form1.select_year,document.form1.select_month,document.form1.select_day)">
<form name="form1">
<select name="select_year" onchange="change(this, document.form1.select_month, document.form1.select_day)"></select>year
<select name="select_month" onchange="change(document.form1.select_year, this,document.form1.select_day)"></select>month
<select name="select_day"></select>day
</form>
</body>
</html>
分享到:
相关推荐
一个直制的JQuery 年月日三级下拉框联动 使用方法非常简单 <title>JQuery 年月日三下拉框联动 <script src="jquery-1.4.2.min.js" type="text/javascript"> <script src="JQSelect.js" type="text/javascript...
JS年月日三级联动下拉框日期选择代码
主要介绍了javascript实现省市区三级联动下拉框菜单很详细的代码,解决了大家实现javascript省市区三级联动下拉框菜单的问题,感兴趣的小伙伴们可以参考一下
jQuery模拟select下拉框三级城市联动代码.zip
经典年月日三级联动 <html> <head> 年月日三下拉框联动 </title> <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> </head> <body> <form name=form1> (this.value)"> 请选择 年 ...
jQuery全国高校三级联动下拉框.zip
html+js实现地区三级联动下拉菜单代码和示例(无数据库,且包括中国所有地区),运行效率非常高,可以在所有的web程序中应用,非常方便,这是我自己开发的,希望大家能够喜欢。
能实现数据库关联的下拉框三级联动效果。。javascript
包里有数据库文件,可以导入,包引入后用tomcat就能启动,servlet是通过JSP格式完成联动框,servlet02是通过json格式完成联动框,jdbc已经封装写好,用户名密码只需要改变数据库配置文件即可,Ajax也封装成js文件,...
三级联动下拉框, 也可以扩展为N级联动, 自动判别 label, value, 速度快,项目中肯定用得到
主要介绍了javascript实现日期三级联动下拉框选择菜单,实现JS年月日三级联动下拉框选择功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
dropList v1.0-无限级联动下拉框JavaScript类 1、无限制多级联动 2、支持选择状态保存,使用Cookie 3、支持初始值选定 4、同一页面中多个应用不会相互影响 包含一个省市县三级联动的例子
struts2+jsp+json+javascript实现的三级下拉菜单,没有service和dao层,数据是虚拟的。需要的欢迎下载。项目直接导入myeclipse就可以使用。访问路径localhost:8080/ajax_day02_hw/proviencecityarea.jsp
js实现省市区三级联动非select下拉框版 在网上搜三级联动发现都是用option写的,突发奇想用其他方式写了一个,自我感觉效果还不错,大家感兴趣的可以看看,不说废话,大家看效果 代码如下,小白写的有点乱,大家...
本文实例讲述了javascript实现省市区三级联动下拉框菜单代码,像平时购物选择地址时一样,通过选择的省动态加载城市列表,通过选择的城市动态加载县区列表,从而可以实现省市县的三级联动,下面使用原生的JavaScript...
运用javascript实现[省、市、县(区)]的三级联动下拉框,很有帮助的源代码实例;再次巩固学习希望对你有所帮助!
java三级联动,包含(省,市,县)三级下拉框,这是一个经常应用的javascript范例,希望对你能有所帮助!!!