jsp下拉框体现不同界面问题

最近接到一个项目。。是开发界面的。。
言归正传
要求按照一级下拉框的选项，显示不同的日期查询。。
比如：按时间查询  按月查询  按年查询   点击不同的选项右边当前界面显示不同的 2级下拉框
       按时间查询  右边会让你选择日期
       按月查询    右边多一个月下拉框
       按年查询    多一个年下拉框
还有一个小问题
        在当前页面还有个联动下拉框  就是在日期查询右边   点击A  该页下方出现关于A的界面还要和数据库实时连接直接显示数据库关于A的信息
                                                          点击B  会在下方出现B的界面     同样
初学请指教感激
<table width="100%" border="0">
<tr>
<td width="90" align="right">类型：</td>
<td width="105">
<form id="form1" name="form1" method="post" action=""><label>
<select name="select">
<option>时间查询</option>
<option>月查询</option>
<option>年查询</option>
<option>历查询</option>
</select> </label></form>
</td>
<td width="50" align="center">日期：</td>
<td width="51">
<form id="form2" name="form2" method="post" action="">
<input name="textfield2" type="text" size="13" /></form>
</td>
<td width="50"><input name="textfield22" type="text" size="13" /></td>
<td width="170" align="center">方向： __ __ __ __ __ __</td>
<td width="70" align="right">类型：</td>
<td width="80" align="center"><select name="select2">
<option>a</option>
<option>b</option>
</select></td>
<td width="10" align="right"> </td>
<td width="124" align="left">  <input name="submit"
type="submit" class="style_but_t2" value="查询" /> <input
name="reset" type="reset" class="style_but_t2" value="重置" /></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td width="180">日期</td>
<td width="190">单位</td>
<td width="190">数量</td>
<td width="180">编号</td>
<td width="180">
<p>业务摘要</p>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<tr>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

把你需要的下拉框全部隐藏，然后在选择第一个的时候，第二个根据第一个的值来判断，出现哪一个(js c:if)
（没弄明白你的历查询是什么）
js得到值，然后返回给c:if 判断，是否相同，相同就显示，不同没反应
然后选择第二个的时候，用ajax调用传值到后台，然后后台根据你传的值，去查询需要的东西，然后给你要查询的地方设置一个div ，把要显示的东西，传到这个div块里，应该就可以了没做过~~~，按照我自己的理解看的
那我把那个页面给你们看看，大家帮我改改吧。。我我实在不行呀
抱歉
<%@page pageEncoding="UTF-8"%>
<%@include file="/common/common.jsp"%>
<%@include file="/common/skins/skin0/component.jsp" %>
<html>

<head>
<TITLE></TITLE>
<META http-equiv=Content-Type content="text/html;">

<STYLE type=text/css>

</STYLE>
<META content="MSHTML 6.00.2900.6058" name=GENERATOR>
<link href="../css/common.css" rel="stylesheet" type="text/css">
<link href="/innet/images/chysoft.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function goPage(page)
{
    var v  = parseInt(page, 10);

    if(v<=0 || v>5)
    {
        alert("页码范围在0--5之间");
        return;
    }
    document.frmQuery.page.value = page;
    document.frmQuery.submit();
}

</script>
</head> <body>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD height=5></TD>
</TR>
</TBODY>
</TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="98%" align=center border=0>
<TBODY>
<TR>
<TD class=tdbg1 height=32>
<TABLE class=table_index_right cellSpacing=0 cellPadding=0
width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width="6%" height=30><IMG height=9
src="/innet/images/index_tilte_icon.jpg" width=9></TD>
<TD class=font_index_tilte width="94%">aaaa</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD class=list_table vAlign=top>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD height=60>
<TABLE cellSpacing=0 cellPadding=0 width="96%" align=center
border=0>
<TBODY>
<TR>
<FORM name=formPSAM method=post>
<TD class=style_font01>类型： <select name="statistic "
id="statistic " onchange="getStatic(this.value)">
<option value="0">时间查询</option>
<option value="1">月那我把那个页面给你们看看，大家帮我改改吧。。我我实在不行呀
抱歉
[code=Java]<%@page pageEncoding="UTF-8"%>
<%@include file="/common/common.jsp"%>
<%@include file="/common/skins/skin0/component.jsp" %>
<html>

<head>
<TITLE></TITLE>
<META http-equiv=Content-Type content="text/html;">

<STYLE type=text/css>

</STYLE>
<META content="MSHTML 6.00.2900.6058" name=GENERATOR>
<link href="../css/common.css" rel="stylesheet" type="text/css">
<link href="/innet/images/chysoft.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function goPage(page)
{
    var v  = parseInt(page, 10);

    if(v<=0 || v>5)
    {
        alert("页码范围在0--5之间");
        return;
    }
    document.frmQuery.page.value = page;
    document.frmQuery.submit();
}

</script>
</head> <body>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD height=5></TD>
</TR>
</TBODY>
</TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="98%" align=center border=0>
<TBODY>
<TR>
<TD class=tdbg1 height=32>
<TABLE class=table_index_right cellSpacing=0 cellPadding=0
width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width="6%" height=30><IMG height=9
src="/innet/images/index_tilte_icon.jpg" width=9></TD>
<TD class=font_index_tilte width="94%">AAAAA</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD class=list_table vAlign=top>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD height=60>
<TABLE cellSpacing=0 cellPadding=0 width="96%" align=center
border=0>
<TBODY>
<TR>
<FORM name=formPSAM method=post>
<TD class=style_font01>类型： <select name="statistic "
id="statistic " onchange="getStatic(this.value)">
<option value="0">时间查询</option>
<option value="1">月查询</option>
<option value="2">年查询</option>
<option value="3">历年查询</option>
</select>     类型：<select name="tableStyle"
id="tableStyle">
<option value="0" selected>明细表</option>
<option value="1">汇总表</option>
</select>     区域：<INPUT class=style_box size=13
name=zone><br>
<br>
日期： <select name="YYYYfrom" onchange="YYYYDD(this.value) ">
<option value=" ">请选择年</option>
</select> <select name="MMfrom" onchange="MMDD(this.value) ">
<option value=" ">选择月</option>
</select> <select name="DDfrom">
<option value=" ">选择日</option>
</select> 至 <select name="YYYYto" onchange="YYYYDD(this.value) ">
<option value=" ">请选择年</option>
</select> <select name="MMto" onchange="MMDD(this.value) ">
<option value=" ">选择月</option>
</select> <select name="DDto">
<option value=" ">选择日</option>
</select></TD>
<TD class=style_font01 width=170 valign=right><INPUT
class=style_but_t2 type=submit value="查询"><INPUT
class=style_but_t2 type=reset value="重置"></TD>
</TR>
</FORM>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD background=/innet/images/tilte_li_back.jpg height=31>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>

<TD class=style_li_back01 align=middle width="20%">日期</TD>
<TD class=style_li_back01 align=middle width="20%">单位</TD>
<TD class=style_li_back01 align=middle width="10%">数量</TD>
<TD class=style_li_back01 align=middle width="10%">工号</TD>
<TD class=style_li_back01 align=middle width="40%">摘要</TD>
<TD class=style_li_back01 align=middle width="6%"> </TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<tr>
<td>
<TBOY>
<table width='99%' border='0' align='center' cellpadding='0'
cellspacing='0><tr><td width='20%' class='style_font02'>20110313-20110101      </td><td width='20%' class='style_font02'>工作总结</td><td width='10%' class='style_font02' style='text-align:center'>30</td><td  width='10%' class='style_font02' style='text-align:center'>111111</td><td width='40%' class='style_font03'>员工体检通知</td></tr></table><table width='99%' border='0' align='center' cellpadding='0' cellspacing='0><tr><td width='20%' class='style_font02'>20110123-20110102      </td><td width='20%' class='style_font02'>上级部门</td><td width='10%' class='style_font02' style='text-align:center'>10</td><td  width='10%' class='style_font02' style='text-align:center'>222222</td><td width='40%' class='style_font03'>上级领导说明文 </td></tr></table><table width='99%' border='0' align='center' cellpadding='0' cellspacing='0><tr><td width='20%' class='style_font02'>20110209-20110103      </td><td width='20%' class='style_font02'>车间部门</td><td width='10%' class='style_font02' style='text-align:center'>20</td><td  width='10%' class='style_font02' style='text-align:center'>112221</td><td width='40%' class='style_font03'>车间通知更改</td></tr></table>
</td>
</tr>

      <tr>
        <td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td width="81%" class="style_font04">共6页61条   当前第1页  首  页 | 上一页 | <a href="javascript:goPage('frmQuery_c_42_986',2);">下一页</a> | <a href="javascript:goPage('frmQuery_c_42_986',6);">末  页</a> </td>
            <td width="4%" class="style_font04">至</td>
            <td width="6%"><span class="style_font01">
              <input name="pg" type="text" class="style_box" size="5" id="frmQuery_c_42_986_inputNum">
            </span></td>
            <td width="3%" class="style_font04">页</td>
            <td width="6%"><img src="/innet/images/but_go.jpg" width="30" height="15" border="0" onclick="goPage1('frmQuery_c_42_986')"></td>
          </tr>
        </table></td>
      </tr>
</TBODY></TABLE></TD></TR></TBODY></TABLE><form name="frmDel_c_42_986" target="frmQueryDelete" style="display:none" method="post">
<input type="hidden" name="fieldAlias"><input type="hidden" name="list_Id" value="104">
<input type="hidden" name="temp_Id" value="313">
<input type="hidden" name="deleteFormmName" value="frmQuery_c_42_986"><input type="hidden" name="ids"></form>
<iframe src="blank.htm" name="frmQueryDelete" style="display:none"></iframe><form name="frmQuery_c_42_986" style="display:none" method="post" action="gettemplate.jsp?pid=759&temp_Id=313">
<input type="hidden" name="totalPage" value="6">
<input type="hidden" name="currentPage" value="1">
<input type="hidden" name="otherSortField" value="">
</form></body>
</html>希望你们能帮我达到我前面的要求。。
要不我交不了差乐
感激
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript">
$().ready(function() {
$('#cx').change(function() {
var cxx = $('#cx').val();
if (cxx == "1") {
$('#tjpd').html("<label>日期:</p><input type='text' name='textfield2' size='13'/>");
}
if (cxx == "2") {$('#tjpd').html("<select><option>1</option><option>2</option></select>");
}
if (cxx == "3") {$('#tjpd').html("<select><option>2011</option><option>2010</option></select>");
}
if (cxx == "4") {
alert("4");
}
});
$('#tjpd').change(function(){
//这里向后台传值，然后在把你要查询的东西放到这里，或者仍session也可以，然后，在页面显示就可以了
//和上面一样的
$('#ymxs').html(/*里面是你要的值,基本相同的，都是覆盖显示*/);
});
});
</script>
</head>
<body>
<div>
<p>
<label>
类型：
</label>
</p>
<p>
<select name="cx" id="cx">
<option>
-请选择-
</option>
<option value="1">
时间查询
</option>
<option value="2">
月查询
</option>
<option value="3">
年查询
</option>
<option value="4">
历查询
</option>
</select>
</p>
</div>
<div id="tjpd">
</div>
<div id="ymxs">
</div>
</html>可以看看，但是···，不知道你用那种ajax，俺用jquery，都封装好的，不用自己写
？改哪个事件，鼠标触发？哪里的？你上面给的代码，我复制回来都是XXX
能把你的jquery-1.4.4.min.js 发给我吗
感激 ~~~
你这个好像用我给你那个例子是可以实现的，你去jquery的官网随便下载一个就可以了，也不大···，导入就可以了，只不过你那个历查询，我还是没搞明白   jquery.com  主页就有一个download，你可以下载直接用
灰溜溜的路过~····，我看不懂他代码，太长点了，而且，copy之后，一直报错·····