js用下拉菜单控制表格显示与否

js代码：

 

< script type = " text/javascript " >
function  hide(tb,sl) ... {
if(document.getElementById(sl).value == "是")
document.getElementById(tb).style.display = "block";
else
document.getElementById(tb).style.display = "none";
}
</ script >

下拉菜单：

 

< select  name ="s_outqua"  onChange ="hide('tb1','s_outqua')" >
             < option  value ="是" > 是 </ option >
             < option  value ="否"  selected > 否 </ option >
           </ select >

表格：

 

< table  width ="100%"  height ="60"   border ="0"  cellpadding ="0"  cellspacing ="0"  id ="tb1"  style ="display:none;" >
             < tr >
               < td  width ="5%"  align ="center" > &nbsp; </ td >
               < td  width ="23%"  height ="30"  align ="center" > 校外住宿地址： </ td >
               < td  width ="56%"  height ="30" >< input  type ="text"  name ="quaadd" ></ td >
               < td  width ="16%" > &nbsp; </ td >
             </ tr >
             < tr >
               < td  align ="center" > &nbsp; </ td >
               < td  height ="30"  align ="center" > 是否经过审批： </ td >
               < td  height ="30" >< select  name ="s_app" >
                   < option  value ="是" > 是 </ option >
                   < option  value ="否"  selected > 否 </ option >
               </ select ></ td >
               < td > &nbsp; </ td >
             </ tr >
           </ table >

我的代码可以实现多个下拉菜单控制多个不同的表格，网上其他的好像不行

嘿嘿

自吹一下