javascript實現二級聯動

<form   name=form1>  
  <select   name=province   onchange="cityName(this.selectedIndex)">  
      <option   value="">請選擇省名</option>  
  </select>  
   
  <select   name=city>  
      <option   value="">請選擇城名</option>  
  </select>  
  </form>  
   
  <script   language=javascript>  
   
  var   provinceName   =   ["浙江",   "江蘇",   "安徽",   "江西"];  
  var   city1   =   ["杭州",   "寧波",   "溫州",   "紹興",   "金華",   "湖州"];  
  var   city2   =   ["南京",   "蘇州",   "無錫",   "常州",   "鎮江",   "徐州"];  
  var   city3   =   ["合肥",   "翕縣",   "黃山",   "祁門",   "休寧"];  
  var   city4   =   ["南昌",   "九江",   "贛州",   "上饒",   "新喻",   "景德鎮"];    
   
  function   province()  
  {  
   
          var   e   =   document.form1.province;  
          for   (var   i=0;   i<provinceName.length;   i++)  
                e.options.add(new   Option(provinceName[i],   provinceName[i]));  
  }  
  function   cityName(n)  
  {  
          var   e   =   document.form1.city;  
          e.options.length   =   1;  
          if   (n   ==   0)   return;  
          var   a   =   eval("city"+   n);   //得到城市的數組名  
          for   (var   i=0;   i<a.length;   i++)   e.options.add(new   Option(a[i],   a[i]));  
  }  
  window.attachEvent("onload",   province);     //初始時給省名下拉框賦內容  
  </script>