如何修改“省/市”关联下拉菜单

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> 
<head> 
<title>menu</title> 
<SCRIPT language=JavaScript>   var dataArray = new Array(9);
    for (var j = 0; j < dataArray.length; j++)
  { 
     var aRow = new Array(9);
       for (var i = 0; i < aRow.length; i++)
  { 
        aRow[i] = (i + " times " + j + " = " + i*j);
        } 
dataArray[j] = aRow;   } 
var xbound=9; 
var ybound=9; 
function fill(SelectCtrl, itemArray)
{ 
var i; 
for (i = SelectCtrl.options.length; i >= 0; i--) { 
   SelectCtrl.options[i] = null; } 
if (itemArray != null) 
{ 
   for (i = 0; i < itemArray.length; i++) 
     { 
     SelectCtrl.options[i] = new Option(itemArray[i]);
     if (itemArray[i] != null) 
      SelectCtrl.options[i].value = itemArray[i];  
     }  
  } 
  SelectCtrl.options[0].selected = true;
 }  
  
  
function fillMain(SelectCtrl)
  {var i; 
   mainArray= new Array(ybound); 
mainArray[0]="Please select!" 
for (i=0;i < ybound;i++) 
   mainArray[i+1]=dataArray[i][0]; 
    fill(SelectCtrl, mainArray); 
  }  function fillSub(SelectCtrl,index)
  {var i; 
  if (index<0) 
  { subArray= new Array(2); 
   subArray[0]="<--------->"; 
subArray[1]=""; 
} 
else 
{ 
  subArray= new Array(xbound-1);                
  for(i=0;i < xbound-1;i++) 
  subArray[i]=dataArray[index][i+1];
  }
fill(SelectCtrl,subArray); 
     
} 
</script> 
</head> <body onLoad="fillMain(document.form1.MainMenu );">      
<FORM name=form1 > 
      <DIV align=center><SELECT size=1 
      onchange="fillSub(this.form.SubMenu, this.selectedIndex-1);" 
      name=MainMenu> <option></option><option></option> 
       </SELECT> <SELECT  
       size=1 name=SubMenu> <option><--------------></option><option></option></SELECT>  
      </DIV></FORM> </body> 
</html>