怎样通过一个下拉框控制表中某一行的隐藏和显示?

Question

<SCRIPT language="javascript">
function unShow(val)
{
    for(var i=0; i<table1.rows.length; i++)
{
    if(i == parseInt(val,10))
    table1.rows[i].style.display = "none";
else
    table1.rows[i].style.display = "";
}
}
</SCRIPT><SELECT name="sel" onChange="unShow(this.value)">
    <option value=0>隐藏第一行</option>
    <option value=1>隐藏第二行</option>
    <option value=2>隐藏第三行</option>
</SELECT><p>
<TABLE width="70%" id="table1"  border="1" cellspacing="0" cellpadding="0">
  <TR>
    <TD>1111</TD>
    <TD>1111</TD>
    <TD>1111</TD>
  </TR>
  <TR>
    <TD>2222</TD>
    <TD>2222</TD>
    <TD>2222</TD>
  </TR>
  <TR>
    <TD>3333</TD>
    <TD>3333</TD>
    <TD>3333</TD>
  </TR>
</TABLE>