级联菜单2

<form   name="menus">   
  <br>   
  this   is   frist   select   
  <select   name="menu1"   onchange="onchage1(this.options.selectedIndex)">   
  <option>猪类</option>   
  <option>人类</option>   
  </select>   
    
    
  <br>   
  this   is   second   select   
  <select   name="menu2"   onchange="onchage2(this.options.selectedIndex)">   
  <option   value="   ">请选择上一菜单</option>   
  </select>   
    
  <br>   
  </form>   
    
    
    
    
  <script   language="javascript">   
  var   links   =   document.menus.menu1.options.length   
    
  var   link   =   new   Array(links)   
    
  window.alert   (links)   
  //-------------------------------------------------------------定义二维数组   
  for(i   =   0;i   <   links;i++)   
  {   
  link[i]   =   new   Array()   
    
  window.alert   (i)   
    
  if   (i   ==   0)   
  {   
  link[i][0]   =   new   Option("野猪王","   ")   
  link[i][1]   =   new   Option("唐杰","   ")   
  link[i][2]   =   new   Option("何鹏","   ")   
  link[i][3]   =   new   Option("王洲","   ")   
  }   
  else   if   (i   ==   1   )   
  {   
  link[i][0]   =   new   Option("先人","   ")   
  link[i][1]   =   new   Option("银文杰","   ")   
  link[i][2]   =   new   Option("银文杰家的狗","   ")   
  }   
  }   
  //--------------------------------------------------------------   
    
    
  function   onchage1(myselect)//处理第一次   
  {   
  //window.alert   ("erwer")   
  for(m   =   0   ;   m   <   document.menus.menu2.options.length   ;   m++)//清除历史纪录   
  {   
  document.menus.menu2.options[m]   =   null   
  }   
  for(m   =   0   ;   link[myselect].length   ;   m++)   
  {   
  document.menus.menu2.options[m]   =   new   Option(link[myselect][m].text,link[myselect][m].value)   
  }   
  }   
    
  </script>