jsp页面下拉框实时读取数据，请教

最近要设计一个页面。。
一个下拉框里面 有 总公司表 和 分公司表 2个select
选择总公司 
当前页面会出现 总公司 情况
 包括  日期 和  项目数量 table表格选择分公司 会出现 
包括   日期 和 项目数量和 完成数量 和 备注 也是table表格而且要实时读取数据库里的信息。  公司类型：<select   name="tableStyle" id="tableStyle"> 
 <option   value= "5" selected>总公司</option>
 <option   value= "6">分公司</option> 
 </select>&nbsp;&nbsp;&nbsp;&nbsp; <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>
             
             <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="40%">备注</TD>
                <TD class=style_li_back01 align=middle 
              width="6%">&nbsp;</TD></TR></TBODY></TABLE>  
那位高手帮忙改改 ，。感激！~！~~

解决方案 »

  1.   

    用Js控制
    每次下拉框的被修改时，触发Js事件，向服务器请求数据并将返回的数据呈现在页面上
      

  2.   


    <BODY>
      公司类型：<select   name="tableStyle" id="tableStyle" onChange="changeCompany();"> 
         <option   value= "5" selected>总公司</option>
         <option   value= "6">分公司</option> 
         </select>&nbsp;&nbsp;&nbsp;&nbsp; <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
        <TBODY >
                   <TR id="zong" style="display:none">
                    
                    <TD class=style_li_back01 align=middle width="20%">日期</TD>
                    <TD class=style_li_back01 align=middle width="20%">项目数量</TD>
                 </TR>
                 <TR id="fen" style="display:none">
                 
                    <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="40%">备注</TD>
                    <TD class=style_li_back01 align=middle 
                  width="6%">&nbsp;</TD>
      </TR>
      </TBODY>
      
      </TABLE>
    </BODY>
    <script>
    document.getElementById("tableStyle").onchange();
    function changeCompany(){
    var company = document.getElementById("tableStyle").value;
    if(company=="5"){

    document.getElementById("zong").style.display="";
    document.getElementById("fen").style.display="none";
    }
    else if(company=="6"){
    document.getElementById("zong").style.display="none";
    document.getElementById("fen").style.display="";

    }
    }
    </script>
    </HTML>