html页面显示于隐藏 请教

Question

最近碰到一个项目开发解决不了。。
客户要求 页面第一行下拉框是 4个 时间段 （时间查询，月查询，年查询，年历查询）
         对应的  选择时间查询 右边会出现 输入时间的控件，
                 选择月查询   右边会出现 月输入下拉框，但是时间的控件要隐藏。只保留一个控件
                 选择年查询   右边会出现 年输入下拉框，同上
                 选择年历查询 右边会出现 每年的记录情况，其他控件隐藏。
 对应的 第一行右边部分还有一个下拉框 是 总公司和分公司的明细表，
                  点击总公司 页面下方多出现一个总公司的记录情况表。
                  点击分公司 同上。
                  就是和数据库实时连接操作。
 希望各位大大 能给我个例子。。方便我交稿。。感激涕零。。                

Answer 1

select 有change事件，根据不同的值
判断 对应的控件
document.getElementById("控件的id号").style.display='block'  ----显示 document.getElementById("控件的id号").style.display='none'  ----隐藏 

Answer 2

正解第二个下拉框使用ajax，当发生change事件时请求服务器返回结果

Answer 3

JQuery代码：// 播放时间选择
$('#timetype').change(function(){
var timetypeValue = $('#timetype').val();
if(timetypeValue == 0){  // 默认即刻起
document.getElementById("playTime").style.display = 'none';  
document.getElementById("playWeek").style.display = 'none';  
} else if(timetypeValue == 1){  // 按时间段
document.getElementById("playTime").style.display = 'block';  
document.getElementById("playWeek").style.display = 'none';  
} else if(timetypeValue == 2) {   // 按星期
document.getElementById("playTime").style.display = 'none';  
document.getElementById("playWeek").style.display = 'block';  
}
});
html代码：<tr id="playDate" style="display: block;">
<td height="28" colspan="3">播放时间：
<select name="timetype" id="timetype">
     <option value="0" selected="selected">默认即刻起</option>
<option value="1">按时间段播放</option>
<option value="2">按星期播放</option>
</select>
</td>
</tr>
<tr id="playTime" style="display: none;">
<td colspan="3">
开始时间：<input type="text" name="begintime" id="Txt_SDateTime"  onfocus="calendar();" />——
结束时间：<input type="text" name="endtime" id="TxtEDateTime" onfocus="calendar();" />
</td>
</tr>
<tr id="playWeek" style="display: none;">
<td colspan="3">&nbsp;&nbsp;&nbsp;&nbsp;
<input type="checkbox" name="weeks" id="weeks1" value="1" />星期一&nbsp;&nbsp;&nbsp;&nbsp;
<input type="checkbox" name="weeks" id="weeks2" value="2" />星期二&nbsp;&nbsp;&nbsp;&nbsp;
<input type="checkbox" name="weeks" id="weeks3" value="3" />星期三&nbsp;&nbsp;&nbsp;&nbsp;
<input type="checkbox" name="weeks" id="weeks4" value="4" />星期四&nbsp;&nbsp;&nbsp;&nbsp;
<input type="checkbox" name="weeks" id="weeks5" value="5" />星期五&nbsp;&nbsp;&nbsp;&nbsp;
<input type="checkbox" name="weeks" id="weeks6" value="6" />星期六&nbsp;&nbsp;&nbsp;&nbsp;
<input type="checkbox" name="weeks" id="weeks0" value="0" />星期日
</td>
</tr>