这样的效果怎么实现？

<html>
<head>
<title>wmin</title>
<script>
function Change()
{
 showlist.style.display = "none";
 showlist1.style.display = "none";
 if (type.value=="教育改革") 
 {
   showlist.style.display = "";
 } 
 if (type.value=="教育管理") 
 {
   showlist1.style.display = "";
 } }
</script></head>
<body>
<table>
<tr>
      <td width="110" align="center">一级目录：<select name="type" Onchange="Change()">
          <option value="政策法规" selected>政策法规</option>
 <option value="教育改革" >教育改革</option>
          <option value="教育管理">教育管理</option>
          <option value="工作问答">工作问答</option>
          <option value="招生考试">招生考试</option>
         </select></td>
    </tr>
<tr> 
      <td height="22" align="center" id=showlist style="display:none">教育改革二级目录：<select name="subtype" id="subtype">
          <option value="招考改革 " selected>招考改革 </option>
          <option value="课程教材改革">课程教材改革</option>
          <option value="办学体制改革">办学体制改革</option>
        </select></td>
    </tr>
    <tr>
      <td height="22" align="center" id=showlist1 style="display:none">教育管理二级目录：<select name="subtype" id="subtype">
          <option value="学籍管理" selected>学籍管理</option>
          <option value="竞赛管理">竞赛管理</option>
          <option value="条件装备">条件装备</option>
          <option value="教材审查">教材审查</option>
        </select></td>
    </tr>
</table>
</body>
</html>