javascript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function ShowTime()
{
document.getElementById("timeZone").style.visibility = "visible";
document.getElementById("sexZone").style.visibility = "hidden";

function ShowSex()
{
document.getElementById("timeZone").style.visibility = "hidden";
document.getElementById("sexZone").style.visibility = "visible";
}
function Choosed()
{
var typeSelected =  document.form1.typeName.options[document.form1.typeName.selectedIndex].text;
alert("exe");
switch (typeSelected)
{
case "请选择":
break;
case "时间":
 ShowTime();
break;
case "性别":
ShowSex();
break;
default:
break;
}

}
/**/
</script></head>
<body><form id="form1" name="form1" method="post" action="">  <select name="typeName" onchange="javascript:Choosed();">
   <option value="请选择" selected="selected">请选择</option>
    <option value="时间">时间</option>
    <option value="性别">性别</option>  
  </select>
 <div id="timeZone"> 
  <label>
  <select name="selectYear">
  </select>
  </label>
  <label>
  <select name="selectMonth">
  </select>
  </label>
  <label>
  <select name="selectDay">
  </select>
  </label>
  <label>
  <input type="button" name="Submit" value="按钮" onclick="javascript:ShowSex();" />
  </label>
 </div>
  
  
  <div id="sexZone">
  <label>
  <input type="radio" name="radiobutton" id="rMan" value="radiobutton" />
  男
  </label>
  <label>
  <input type="radio" name="radiobutton" id="rWoman" value="radiobutton" />
  女
  </label>
  </div>
</form>
<script language="javascript">
for (var i=0;i<110;i++)
{
document.getElementById("selectYear").options[i] = new Option(1900+i,1900+i);
}

for (var j=1;j<=12;j++)
{
document.getElementById("selectMonth").options[j-1] = new Option(j,j);
}

for (var m=1;m<=24;m++)
{
document.getElementById("selectDay").options[m-1] = new Option(m,m);
}

</script></body>
</html>