二个连动选择框，有个特殊要求，不知如何搞，帮我一下

Question

<select id="country" onchange="changeCountry(this)">
<option value="0">请选择</option>
<option value="1">US</option>
<option value="2">Canada</option>
<option value="3">other1</option>
<option value="3">other2</option>
</select>
<select id="submenu"></select>
<script type="text/javascript">
function changeCountry(obj)
{
var menu=new Array(
[""],
["HOME DELIVERY","EXPRESS SAVER","STANDARD OVERNIGHT"],
["GROUND US TO CANADA","INTL ECONOMY"],
["INTL ECONOMY"]
);

var target=document.getElementById("submenu").options;
var currentMenu=menu[obj.options[obj.selectedIndex].value];
var count=currentMenu.length;
while(target.length>0)
target.remove(target.length-1);
for(var i=0;i<count;i++)
{
target.add(new Option(currentMenu[i]));
}
}
</script>

Answer 1

这样写 
<SCRIPT LANGUAGE="JavaScript">
<!--function AddOption(AddField,OptionText,OptionVal,isselect) 
{//增加options
if(OptionText=='')
return ;
NewOption=new Option(OptionText,OptionVal);
AddField.options[AddField.length]=NewOption;
if(isselect==1)
{
AddField.options[AddField.length-1].selected=true;
} 
}
function ChangeTar(obj)
{
var TargetSel = document.all.TargetSel;
var SelectedValue = obj.value; TargetSel.length = null;//初始化目标控件
switch(SelectedValue)
{
case "US":
var aryAdd = new Array("HOME DELIVERY","EXPRESS SAVER","STANDARD OVERNIGHT");
break;
case "CANADA":
var aryAdd = new Array("GROUND US TO CANADA","INTL ECONOMY");
break;
case "new":
var aryAdd = new Array();
break;
default:
var aryAdd = new Array("INTL ECONOMY");
break;
}
for(var i=0 ; i<aryAdd.length ; i++)
{
AddOption(TargetSel,aryAdd[i],aryAdd[i]);
}
}
//-->
</SCRIPT>
国家:<SELECT NAME="Contry" onchange='ChangeTar(this)'style="width:100;">
<option value='new'>请选择</option>
<option value='US'>US</option>
<option value='CANADA'>CANADA</option>
<option value='AAA'>AAA</option>
<option value='BBB'>BBB</option>
</SELECT>
<br>目标:<SELECT NAME="TargetSel" style="width:100;">
</SELECT>