繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
典型特效
按钮特效
页面背景
鼠标特效
时间日期
状态特效
图象特效
cookie
下拉菜单
链接特效
导航菜单
页面导航：
首页
→
网络编程
→
javascript
→
网页特效
→
时间日期
→ 正文内容
javascript 下拉框显示当前日期
发布：dxy 字体：[
增加
减小
] 类型：转载
点击运行可以看到效果:
<html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 6.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>* 您消费的时间</title> </head> <body> <table width="500" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="22%" height="25" bgcolor="F7F7F7"> <span class="title_red STYLE2">* </span>您消费的时间 </td> <td width="20%" bgcolor="F7F7F7"> <select id="years"> <option value="2007">2007</option> <option value="2008">2008</option> <option value="2009">2009</option> </select> 年 </td> <td width="15%" bgcolor="F7F7F7"> <select id="months"> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> </select> 月 </td> <td width="15%" bgcolor="F7F7F7"> <select id="days"> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> 日 </td> <td width="15%" bgcolor="F7F7F7"> <select id="hours"> <option value="00">00</option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> </select> 点 </td> <td width="15%" bgcolor="F7F7F7"> <select id="mins"> <option value="00">00</option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> <option value="32">32</option> <option value="33">33</option> <option value="34">34</option> <option value="35">35</option> <option value="36">36</option> <option value="37">37</option> <option value="38">38</option> <option value="39">39</option> <option value="40">40</option> <option value="41">41</option> <option value="42">42</option> <option value="43">43</option> <option value="44">44</option> <option value="45">45</option> <option value="46">46</option> <option value="47">47</option> <option value="48">48</option> <option value="49">49</option> <option value="50">50</option> <option value="51">51</option> <option value="52">52</option> <option value="53">53</option> <option value="54">54</option> <option value="55">55</option> <option value="56">56</option> <option value="57">57</option> <option value="58">58</option> <option value="59">59</option> </select> 分 </td> </tr> </table> <script> var today=new Date()//定义一个时间对象 var yy=today.getYear() var mm=today.getMonth()+1 var dd=today.getDate() var h=today.getHours()//定义小时 var m=today.getMinutes()//定义分钟 document.getElementById("years").options(yy-2007).selected=1 document.getElementById("months").options(mm-1).selected=1 document.getElementById("days").options(dd-1).selected=1 document.getElementById("hours").options(h).selected=1 document.getElementById("mins").options(m).selected=1 </script> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
Tags：
javascript
下拉框
显示
当前日期
百度中搜索更多的关于
javascript 下拉框显示当前日期
内容，或者
用Google搜索相关更多
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
比较简洁的JavaScript 实时显示时间的脚本
下一篇文章：
地震发生中逃生十大法则
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
js计算时间过去的时间
javascript 表单日期选择效果
地震发生中逃生十大法则
完整显示当前日期和时间的JS代码
不错显示时间特效
比较简洁的JavaScript 实时显示时间的脚本
js选择日期
日历-指定日期的新闻
转一个日期输入控件，支持FF
正宗的日历(含农历)
最 近 更 新
javascript倒计时效果代码，可以方便参数
非常厉害的javascript 实现指针式时间
农历与西历对照
一个日历,兼容多种浏览器
js计算时间过去的时间
不错的一个日期输入 动态
不错显示时间特效
JavaScript 模仿vbs中的 DateAdd() 函数的
正宗的日历(含农历)
一个简单的日历代码 (For: FF1+ IE5+ Opr
热 点 排 行
js倒计时代码
js选择日期
js计数器代码
datePicker——日期选择控件（wi
推荐一个小巧的JS日历
javascript 表单日期选择效果
JS日历 推荐
用js计算页面执行时间的函数
超级可爱纯js网页时钟
一个简单横向javascript日期控件
文章评论
共有 位脚本之家网友发表了评论我来说两句