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

最近要设计一个页面。。
一个下拉框里面 有 总公司表 和 分公司表 2个select
选择总公司 
当前页面会出现 总公司 情况
 包括 日期 和 项目数量 table表格

选择分公司 会出现 
包括 日期 和 项目数量和 完成数量 和 备注 也是table表格

而且要实时读取数据库里的信息。

HTML code

  公司类型：<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>

 

 
那位高手帮忙改改 ，。感激！~！~~

给写个方法吧！~！~

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