<img src="pic.gif" onclick="openW();">function openW(){
window.open("index.htm","弹出的窗口","");
}index.htm 的内容是 和上面的这个父页在同路径下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY>
<form method=post name=fm>
<select onchange=chg(selectedIndex) name=a>
<option>亚洲
<option>欧洲
<option>美洲
</select>
<select name=b onchange="r.value=value">
<option>请选择
</select>
<input name=r id=r>
</form>
<script>
var arr=[["中国","日本","朝鲜","新加坡"],["英国","法国","意大利"],["美国","加拿大","巴西"]]
function chg(i){
with(document.fm.b){
length=0;
for(j=0;j<arr[i].length;j++)
options.add(new Option(arr[i][j],arr[i][j]))
document.fm.r.value=value+document.fm.a.value
}
}
chg(0)
</script></BODY>
</HTML>
window.open("index.htm","弹出的窗口","");
}index.htm 的内容是 和上面的这个父页在同路径下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY>
<form method=post name=fm>
<select onchange=chg(selectedIndex) name=a>
<option>亚洲
<option>欧洲
<option>美洲
</select>
<select name=b onchange="r.value=value">
<option>请选择
</select>
<input name=r id=r>
</form>
<script>
var arr=[["中国","日本","朝鲜","新加坡"],["英国","法国","意大利"],["美国","加拿大","巴西"]]
function chg(i){
with(document.fm.b){
length=0;
for(j=0;j<arr[i].length;j++)
options.add(new Option(arr[i][j],arr[i][j]))
document.fm.r.value=value+document.fm.a.value
}
}
chg(0)
</script></BODY>
</HTML>
<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;
for (var i=e.options.length; i>0; i--) e.remove(i);
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>
---------------------------------------------
<html>
<head>
</head>
<script language=javascript>
function change_province() {
var province = document.form1.province.options;
var city = document.form1.city.options;
//北京1
var bj = new Array("东城","西城","崇文","宣武","朝阳","丰台","石景山","海淀","门头沟","房山","通州","顺义","昌平","大兴","平谷","怀柔","密云","延庆");
//上海2
var sh = new Array("黄浦","卢弯","徐会","长宁","静安","普陀","闸北","虹口","杨浦","闵行","宝山","嘉定","浦东","金山","松江","青浦","南汇","奉贤","崇明");
//天津3
var tj = new Array("和平","东丽","河东","西青","河西","津南","南开","北辰","河北","武清","红桥","塘沽","汉沽","大港","宁河","静海","宝坻","蓟县");
//重庆4
var cq = new Array("万州","涪陵","渝中","大渡口","江北","沙坪坝","九龙坡","南岸","北碚","万盛","双桥","渝北","巴南","黔江","长寿","綦江","潼南","铜梁","大足","荣昌","壁山","梁平","城口","丰都","垫江","武隆","忠县","开县","云阳","奉节","巫山","巫溪","石柱","秀山","酉阳","彭水","江津","合川","永川","南川");
//河北5
var hb = new Array("石家庄","邯郸","邢台","保定","张家口","承德","廊坊","唐山","秦皇岛","沧州","衡水");
//山西6
var sx = new Array("太原","大同","阳泉","长治","晋城","朔州","吕梁","沂州","晋中","临汾","运城");
//内蒙7
var nmg = new Array("呼和浩特","包头","乌海","赤峰","呼伦贝尔盟","阿拉善盟","哲里木盟","兴安盟","乌兰察布盟","锡林郭勒盟","巴彦淖尔盟","伊克昭盟");
//辽宁8
var ln = new Array("沈阳","大连","鞍山","抚顺","本溪","丹东","锦州","营口","埠新","辽阳","盘锦","铁岭","朝阳","葫芦岛");
//吉林9
var jl = new Array("长春","吉林","四平","辽源","通化","白山","松原","白城","延边");
//黑龙江10
var hlj = new Array("哈尔滨","齐齐哈尔","牡丹江","佳木斯","大庆","绥化","鹤岗","鸡西","黑河","双鸭山","伊春","七台河","大兴安岭");
//江苏11
var js = new Array("南京","镇江","苏州","南通","扬州","盐城","徐州","连云港","常州","无锡","宿迁","泰州","淮安");
//浙江12
var zj = new Array("杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州","舟山","台州","丽水");
//安徽13
var ah = new Array("合肥","芜湖","蚌埠","马鞍山","淮北","铜陵","安庆","黄山","滁州","宿州","池州","淮南","巢湖","埠阳","六安","宣城","毫州");
//福建14
var fj = new Array("福州","厦门","莆田","三明","泉州","漳州","南平","龙岩","宁德");
//江西15
var jx = new Array("南昌","景德镇","九江","鹰潭","萍乡","新馀","赣州","吉安","宜春","抚州","上饶");
//山东16
var sd = new Array("济南","青岛","淄博","枣庄","东营","烟台","潍坊","济宁","泰安","威海","日照","莱芜","临沂","德州","聊城","滨州","荷泽");
//河南17
var hn = new Array("郑州","开封","洛阳","平顶山","安阳","鹤壁","新乡","焦作","濮阳","许昌","漯河","三门峡","南阳","商丘","信阳","周口","驻马店","济源");
//湖北18
var hub = new Array("武汉","宜昌","荆州","襄樊","黄石","荆门","黄冈","十堰","恩施","潜江","天门","仙桃","随州","咸宁","孝感","鄂州");
//湖南19
var hun = new Array("长沙","常德","洙州","湘潭","衡阳","岳阳","邵阳","益阳","娄底","怀化","郴州","永州","湘西","张家界");
//广东20
var gd = new Array("广州","深圳","珠海","汕头","东莞","中山","佛山","韶关","江门","湛江","茂名","肇庆","惠州","梅州","汕尾","河源","阳江","清远","潮州","揭阳","云浮");
//广西21
var gx = new Array("南宁","柳州","桂林","梧州","北海","防城港","钦州","贵港","玉林","南宁地区","柳州地区","贺州","百色","河池");
//海南22
var han = new Array("海口","三亚");
//四川23
var sc = new Array("成都","绵阳","德阳","自贡","攀枝花","广元","内江","乐山","南充","宜宾","广安","达川","雅安","眉山","甘孜","凉山","泸州");
//贵州24
var gz = new Array("贵阳","六盘水","遵义","安顺","铜仁","黔西南","毕节","黔东南","黔南");
//云南25
var yn = new Array("昆明","大理","曲靖","玉溪","昭通","楚雄","红河","文山","思茅","西双版纳","保山","德宏","丽江","怒江","迪庆","临沧");
//西藏26
var xz = new Array("拉萨","日喀什","山南","林芝","昌都","阿里","那曲");
//陕西27
var shx = new Array("西安","宝鸡","咸阳","铜川","谓南","延安","榆林","汉中","安康","商洛");
//甘肃28
var gs = new Array("兰州","嘉峪关","金昌","白银","天水","酒泉","张掖","武威","定西","陇南","平凉","庆阳","临夏","甘南");
//宁夏29
var nx = new Array("银川","石嘴山","吴忠","固原");
//青海30
var qh = new Array("西宁","海东","海南","海北","黄南","玉树","果洛","海西");
//新疆31
var xj = new Array("乌鲁木齐","石河子","克拉玛依","伊犁","巴音郭勒","昌吉","克孜勒苏柯尔克孜","博尔塔拉","吐鲁番","哈密","喀什","和田","阿克苏");
//台湾32
var tw = new Array("台北","高雄","台中","台南","屏东","南投","云林","新竹","彰化","苗栗","嘉义","花莲","桃园","宜兰","基隆","台东","金门","马祖","澎湖");
//香港
var hk = new Array("香港");
//澳门
var am = new Array("澳门");
var i;switch (province.selectedIndex) {case 0:
for (i = (city.length - 1); i >= 1; i-- ) {
city[i] = null;
}
break;
case 1:
add_city(bj);
break;
case 2:
add_city(sh);
break;
case 3:
add_city(tj);
break;
case 4:
add_city(cq);
break;
case 5:
add_city(hb);
break;
case 6:
add_city(sx);
break;
case 7:
add_city(nmg);
break;
case 8:
add_city(ln);
break;
case 9:
add_city(jl);
break;
case 10:
add_city(hlj);
break;
case 11:
add_city(js);
break;
case 12:
add_city(zj);
break;
case 13:
add_city(ah);
break;
case 14:
add_city(fj);
break;
case 15:
add_city(jx);
break;
case 16:
add_city(sd);
break;
case 17:
add_city(hn);
break;
case 18:
add_city(hub);
break;
case 19:
add_city(hun);
break;
case 20:
add_city(gd);
break;
case 21:
add_city(gx);
break;
case 22:
add_city(han);
break;
case 23:
add_city(sc);
break;
case 24:
add_city(gz);
break;
case 25:
add_city(yn);
break;
case 26:
add_city(xz);
break;
case 27:
add_city(shx);
break;
case 28:
add_city(gs);
break;
case 29:
add_city(nx);
break;
case 30:
add_city(qh);
break;
case 31:
add_city(xj);
break;
case 32:
add_city(tw);
break;
case 33:
add_city(hk);
break;
case 34:
add_city(am);
break;
}//添加城市的函数
function add_city(city_array) {
var n;
for (n = 1; n <= city_array.length; n++) {
city[n] = new Option(city_array[n-1], city_array[n-1]);
}
}
}
</script>
<body>
<form name="form1">
<select name="province" onChange="change_province()">
<option value="保密" selected>保密</option>
<option value="北京">北京 </option>
<option value="上海">上海 </option>
<option value="天津">天津 </option>
<option value="重庆">重庆 </option>
<option value="河北">河北 </option>
<option value="山西">山西 </option>
<option value="内蒙">内蒙 </option>
<option value="辽宁">辽宁 </option>
<option value="吉林">吉林 </option>
<option value="黑龙江">黑龙江</option>
<option value="江苏">江苏 </option>
<option value="浙江">浙江 </option>
<option value="安徽">安徽 </option>
<option value="福建">福建 </option>
<option value="江西">江西 </option>
<option value="山东">山东 </option>
<option value="河南">河南 </option>
<option value="湖北">湖北 </option>
<option value="湖南">湖南 </option>
<option value="广东">广东 </option>
<option value="广西">广西 </option>
<option value="海南">海南 </option>
<option value="四川">四川 </option>
<option value="贵州">贵州 </option>
<option value="云南">云南 </option>
<option value="西藏">西藏 </option>
<option value="陕西">陕西 </option>
<option value="甘肃">甘肃 </option>
<option value="宁夏">宁夏 </option>
<option value="青海">青海 </option>
<option value="新疆">新疆 </option>
<option value="台湾">台湾 </option>
<option value="香港">香港 </option>
<option value="澳门">澳门 </option>
</select>
<select name="city">
<option selected value="保密">保密 </option>
</select>
</form>
</body>
</html>