下拉框和层的联动

Question

<select name=sel onChange=change()>
<option value=1 >1</option>
<option value=2 >2</option>
<option value=3 >3</option>
</select>
<script>
function change()
{   div1.style.display='none';
   div2.style.display='none';
   div3.style.display='none';
i=sel.selectedIndex+1
   eval("div"+i).style.display="";
}
</script>
<div id=div1 style="display:none">111</div>
<div id=div2 style="display:none">222</div>
<div id=div3 style="display:none">333</div>解决了，揭贴吧，费了好久。

Answer 1

<script language="javascript">
<!--
  function clement(v)
  {
    var o = document.getElementsByTagName("div");
    for(var i=0;i<o.length;i++)
    {
      o[i].style.display = o[i].id == v?'':'none';
    }
  }
//-->
</script><select onchange="clement(value);">
  <option value=a>a
  <option value=b>b
  <option value=c>c
</select>
<table>
  <tr>
    <td><div id=a>a</div></td>
  </tr>
  <tr>
    <td><div id=b style=display:none>b</div></td>
  </tr>
  <tr>
    <td><div id=c style=display:none>c</div></td>
  </tr>
</table>