极客编程小挑战＃26：实现日期级联下拉选择框

 

详细内容请参见原文：http://www.gbtags.com/gb/share/5823.htm 

本期挑战：

 初始的html代码如下：

1. <select name="year" id="year">
2. <option value="0">--</option>
3. <option value="1999">1999</option>
4. <option value="2000">2000</option>
5. <option value="2001">2001</option>
6. </select>年
7. <select name="month" id="month">
8. <option value="0">--</option>
9. <option value="1">1</option>
10. <option value="2">2</option>
11. <option value="3">3</option>
12. <option value="4">4</option>
13. <option value="5">5</option>
14. <option value="6">6</option>
15. <option value="7">7</option>
16. <option value="8">8</option>
17. <option value="9">9</option>
18. <option value="10">10</option>
19. <option value="11">11</option>
20. <option value="12">12</option>
21. </select>月
22. <select name="date" id="date">
23. <option value="0">--</option>
24. </select>日

 

  效果图如下：

需求如下：

    “年”或“月”发生变化且为有效值时，“日”下拉选择框显示相应月份中的天数。

    “年”下拉选择框为初始状态（即值为0）时， “月”、“日”下拉选择框一定为初始状态（即值为0）。

    “月”下拉选择框为初始状态（即值为0）时， “日”下拉选择框一定为初始状态（即值为0）。

请写出以上需求的实现代码

提交方式：

• 录制代码编写过程或最终代码：点击开始
• 跟帖发布代码预览地址（使用GB按钮可以直接嵌入发帖回复中）：演示地址
• 【强烈提醒】加入QQ群：157757552， 获奖用户及递交快递联系方式
• 【强烈提醒】请在个人信息中添加QQ号，方便我们联系人获得快递地址

 赞助商[石墨]介绍:

石墨文档是一款简洁、轻便的文档协作工具，带给你在线文档的全新体验。它像一张无限延伸的纸，纸上跃动的墨迹，来自深山，来自田间，似水如烟，心无旁骛。它去繁从简，提炼出以往用户使用率最高的功能，通过赏心悦目的界面，行云流水的操作，一气呵成的书写，平滑流畅的交互，让人在不知不觉中回归最为质朴的心境。这就是石墨文档，你最安静的文字伴侣。

官方网站： https://shimo.im ｜ 微信服务号：石墨文档

礼品赞助：

本期礼品5套（Lamy钢笔＋墨水）

 

我们将抽取五名大家最为赞同的答案进行奖品发放，欢迎参与！

 晒晒往期获奖礼物

点击这里晒晒礼物

详细内容请参见原文：http://www.gbtags.com/gb/share/5823.htm