極客編程小挑戰＃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