我只做了年的但是要注意的问题!这个客户端脚本,每个人的机器上的日期是不一样的!所以会造成所选的时间显示不同!可以读服务器上的时间,截取年。再来显示!
代码应该可以再简化,这里只是指路!<script>
function a(){
now=new Date();
y = now.getYear();switch (y) {
case 2005:
a2005.selected=true
break;
case 2006:
a2006.selected=true
break;
case 2007:
a2007.selected=true
break;
case 2008:
a2008.selected=true
break;
case 2009:
a2009.selected=true
break;
case 2010:
a2010.selected=true
break;
}
}
</script>
<body onload="a();">
<select id="selYear" style="WIDTH: 60px" name="selYear">
<option id="a2005">2005</option>
<option id="a2006">2006</option>
<option id="a2007">2007</option>
<option id="a2008">2008</option>
<option id="a2009">2009</option>
<option id="a2010">2010</option>
</select>
代码应该可以再简化,这里只是指路!<script>
function a(){
now=new Date();
y = now.getYear();switch (y) {
case 2005:
a2005.selected=true
break;
case 2006:
a2006.selected=true
break;
case 2007:
a2007.selected=true
break;
case 2008:
a2008.selected=true
break;
case 2009:
a2009.selected=true
break;
case 2010:
a2010.selected=true
break;
}
}
</script>
<body onload="a();">
<select id="selYear" style="WIDTH: 60px" name="selYear">
<option id="a2005">2005</option>
<option id="a2006">2006</option>
<option id="a2007">2007</option>
<option id="a2008">2008</option>
<option id="a2009">2009</option>
<option id="a2010">2010</option>
</select>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function f() {
var $ = document.all || document.getElementById;
var y = $("year");
var m = $("month");
var d = new Date;
y.add(new Option(d.getFullYear(), d.getFullYear()));
m.add(new Option(d.getMonth(), d.getMonth()));
}
onload = f
//-->
</SCRIPT>
</HEAD><BODY>
<select id="year"></select>
<select id="month"></select>
</BODY>
</HTML>
1、getFullYear()改为getYear
2、int不能用,脚本只能用var,自动类型
3、options.lenght应该是options.length
4、.tostring不能用
5、.text不能用,我用的value!
6、散分散分<script language="javascript">
function show()
{
var now = new Date();
now= new Date();
var t = now.getMonth() ;
var y = now.getYear();
//alert(y)
for(i=0;i<form1.selYear.options.length;i++)
{
if(form1.selYear.options[i].value==y)
{
form1.selYear.options[i].selected=true;
break;
}
}
for(j=0;j<form1.selMonth.options.length;j++)
{
if(form1.selMonth.options[j].value==t)
{
form1.selMonth.options[j].selected = true;
break;
}
}
}
</script></HEAD><BODY onload="javascript:show();">
<form id="form1">
<table border="0" cellpadding="0" cellspacing="1" width="100%" align="center">
<tr>
<td align="right" width="70%">
Please select year
<select id="selYear" style="WIDTH: 60px" name="selYear">
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
</select>
</td>
<td align="right" width="30%">
Please select month
<select id="selMonth" style="WIDTH: 60px" name="selMonth">
<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>
</td>
</tr>
</table>
</form>
</BODY>
</HTML>