您的位置:首页 > 编程语言

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

2015-07-20 15:32 399 查看




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

本期挑战:

初始的html代码如下:

<select name="year" id="year">

<option value="0">--</option>

<option value="1999">1999</option>

<option value="2000">2000</option>

<option value="2001">2001</option>

</select>年

<select name="month" id="month">

<option value="0">--</option>

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

<option value="6">6</option>

<option value="7">7</option>

<option value="8">8</option>

<option value="9">9</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option>

</select>月

<select name="date" id="date">

<option value="0">--</option>

</select>日

效果图如下:





需求如下:

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

“年”下拉选择框为初始状态(即值为0)时, “月”、“日”下拉选择框一定为初始状态(即值为0)。

“月”下拉选择框为初始状态(即值为0)时, “日”下拉选择框一定为初始状态(即值为0)。

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

提交方式:

录制代码编写过程或最终代码:点击开始

跟帖发布代码预览地址(使用GB按钮可以直接嵌入发帖回复中):演示地址

【强烈提醒】加入QQ群:157757552, 获奖用户及递交快递联系方式

【强烈提醒】请在个人信息中添加QQ号,方便我们联系人获得快递地址

赞助商[石墨]介绍:

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

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

礼品赞助:

本期礼品5套(Lamy钢笔+墨水)









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

晒晒往期获奖礼物

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: