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

 

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

本期挑战：

 初始的html代码如下：

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

 

  效果图如下：

现需求如下：

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

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

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

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

提交方式：

• 录制代码编写过程或最终代码：点击开始
• 跟帖发布代码预览地址（使用GB按钮可以直接嵌入发帖回复中）：演示地址

 赞助商[石墨]介绍:

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

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

礼品赞助：

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

 

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

 晒晒往期获奖礼物

点击这里晒晒礼物

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