请教大家如何通过javascript+iframe实现两个下拉列表框的联动，

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<Script language="JavaScript">
var provinceList = new Array("北京市","湖北省","四川省","广东省");  //存省份列表，也是总目录。
var cityList = new Array();  //用于存放各省的城市列表，这将是一个二维数据。
cityList[0] = new Array("朝阳区","宣武区","其它");  //按provinceList中的省份顺序向里添加城市名称
cityList[1] = new Array("武汉市","咸宁市","神龙架林区","黄石市","其它");
cityList[2] = new Array("成都市","其它");
cityList[3] = new Array("广州市","深圳市","中山市","东莞市","珠海市","其它");
//上面这些数组的定义可以用ASP生成，这个可以搞定的吧。function initSelect1()
{
while (Add1.options.length > 0)
Add1.options.remove(0);
for (var i = 0; i < provinceList.length; i++)
{
var opt = document.createElement("OPTION");
opt.value = provinceList[i];
opt.text = provinceList[i];
Add1.options.add(opt);
opt = null;
}
initSelect2();
Add1.onchange = initSelect2;
}function initSelect2()
{
while (Add2.options.length > 0)
Add2.options.remove(0);
var myArr = cityList[Add1.selectedIndex];
for (var i = 0; i < myArr.length; i++)
{
var opt = document.createElement("OPTION");
opt.text = myArr[i];
opt.value = myArr[i];
Add2.options.add(opt);
opt = null;
}
}function window.onload()
{
initSelect1(Add1);
}
</Script>
</HEAD><BODY>
<Select id="Add1"></Select>
<Select id="Add2"></Select>
</BODY>
</HTML>