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>

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

嘿嘿

自吹一下