javascript实现年月日的联动效果
2013-04-17 22:09
274 查看
<html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> </head> <body> <select id="y"></select> <select id="m"></select> <select id="d"></select> <script type="text/javascript"> var y = document.getElementById("y"); var m = document.getElementById("m"); var d = document.getElementById("d"); var date = new Date(); for (var i = date.getFullYear() - 50; i <= date.getFullYear(); i++) { var opt = new Option(i, i); y.add(opt); } for (var i = 1; i <= 12; i++) { var opt = new Option(i, i); m.add(opt); } for (var i = 1; i <= 31; i++) { var opt = new Option(i, i); d.add(opt); } y.onchange = dateChanged; m.onchange = dateChanged; function dateChanged() { var date = new Date(y.value, m.value, 1); date.setDate(date.getDate() - 1); d.options.length = 0; for (var i = 1; i <= date.getDate(); i++) { var opt = new Option(i, i); d.add(opt); } } </script> </body> </html>
本文出自 “聚沙成塔” 博客,谢绝转载!
相关文章推荐
- web前端教程:使用javascript实现多级联动效果
- 简单的javascript实现下拉联动效果
- 基于Javascript实现二级联动菜单效果
- JavaScript Ajax Json实现上下级下拉框联动效果实例代码
- JavaScript实现省市县三级联动效果~~~
- JavaScript实现三级联动菜单效果
- JavaScript实现年月日三级联动
- Javascript实现下拉框多级联动效果
- JavaScript实现Div二级联动效果(响应键盘按钮)
- 基于Javascript实现二级联动菜单效果
- JavaScript实现输入框与清空按钮联动效果
- JavaScript Ajax Json实现上下级下拉框联动效果实例代码
- javascript三级联动效果实现2
- javascript三级联动效果实现
- JavaScript实现三级联动效果
- javascript 年月日联动实现核心代码
- JavaScript实现联动效果
- 二级联动效果实现(在javascript中解析xml文件添加到html(select)中)
- JavaScript实现省市县三级联动效果~~~