两个select 的关联可以如下实现,现在要求第二个select改为checkbox,该如何实现?<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script language="javascript">
function sfsetcity1() {
switch (document.all.sfweather1.value)
{
case '':
var labels=new Array("请选择城市");
var values=new Array("");
break;
case '独立直辖市':
var labels=new Array("请选择城市","北京","上海","天津","重庆");
var values=new Array("","54511","11860","11861");
break;
case '特别行政区':
var labels=new Array("请选择城市","香港","澳门");
var values=new Array("","");
break;
case '台湾':
var labels=new Array("请选择城市","台北","高雄");
var values=new Array("","");
break;
case '广东省':
var labels=new Array("请选择城市","广州","潮州","韶关","湛江","惠阳","清远","东莞","江门","茂名","肇庆","汕尾","河源","揭阳","梅州","中山","惠州","德庆","阳江","百色");
var values=new Array("","");
break;
case '西藏':
var labels=new Array("请选择城市","拉萨","阿里","昌都","那曲","日喀则","山南");
var values=new Array("","");
break;
case '陕西省':
var labels=new Array("请选择城市","西安","韩城","安康","汉中","宝鸡","咸阳","榆林","渭南","商洛","铜川");
var values=new Array("","");
break;
case '甘肃省':
var labels=new Array("请选择城市","兰州","白银","庆阳","酒泉","天水","武威","张掖","甘南","临夏","平凉","定西","金昌");
var values=new Array("","");
break;
case '青海省':
var labels=new Array("请选择城市","西宁","海北","海西","黄南","果洛","玉树","固原","中卫");
var values=new Array("","");
break;
case '宁夏省':
var labels=new Array("请选择城市","银川");
var values=new Array("","");
break;
case '新疆':
var labels=new Array("请选择城市","乌鲁木齐","阿勒泰","阿克苏","昌吉","哈密","和田","喀什","克拉玛依","石河子","塔城","库尔勒");
var values=new Array("","");
break;
case '江苏省':
var labels=new Array("请选择城市","南京","昆山","南通","太仓","吴县","徐州","宜兴","镇江","淮安","常熟","盐城","泰州");
var values=new Array("","");
break;
case '云南省':
var labels=new Array("请选择城市","保山","楚雄","德宏","红河","临沧","怒江","曲靖","思茅","文山","玉溪","昭通");
var values=new Array("","");
break;
case '福建省':
var labels=new Array("请选择城市","厦门","福州","龙岩","南平","宁德","莆田","泉州","三明","漳州");
var values=new Array("","");
break;
case '海南省':
var labels=new Array("请选择城市","三亚","海口","儋州","琼山","通什","文昌","海南");
var values=new Array("","");
break;
case '广西省':
var labels=new Array("请选择城市","桂林","阳朔","南宁","柳州","梧州","玉林","桂平","贺州","钦州","贵港","防城港");
var values=new Array("","");
break;
case '湖南省':
var labels=new Array("请选择城市","长沙","邵阳","常德","郴州","吉首","株洲","娄底","湘潭","益阳","永州","岳阳","衡阳","怀化","韶山");
var values=new Array("","");
break;
case '湖北省':
var labels=new Array("请选择城市","武汉","宜昌","黄冈","恩施","荆州","神农架","十堰","咸宁","襄樊","孝感","随州","黄石","荆门","鄂州");
var values=new Array("","");
break;
case '四川省':
var labels=new Array("请选择城市","成都","泸州","内江","凉山","阿坝","巴中","广元","乐山","绵阳","德阳","攀枝花","雅安","宜宾","自贡","甘孜州","达州");
var values=new Array("","");
break;
case '吉林省':
var labels=new Array("请选择城市","长春","延边","吉林","白山","白城","四平","松原","辽源");
var values=new Array("","");
break;
case '黑龙江省':
var labels=new Array("请选择城市","石家庄","哈尔滨","齐齐哈尔","牡丹江","大庆","伊春","双鸭山","鹤岗","鸡西","佳木斯","七台河","黑河","绥化");
var values=new Array("","");
break;
case '山东省':
var labels=new Array("请选择城市","曲阜","临沂","烟台","济南","枣庄","聊城","济宁","菏泽","泰安","日照","东营");
var values=new Array("","");
break;
case '山西省':
var labels=new Array("请选择城市","太原","阳泉","晋城","晋中","临汾","运城","长治","朔州","忻州");
var values=new Array("","");
break;
case '内蒙古':
var labels=new Array("请选择城市","呼和浩特","呼伦贝尔","锡林郭勒","包头","赤峰","海拉尔","乌海","鄂尔多斯","锡林浩特");
var values=new Array("","");
break;
case '辽宁省':
var labels=new Array("请选择城市","沈阳","大连","葫芦岛","旅顺","本溪","抚顺","铁岭","辽阳","营口","阜新");
var values=new Array("","");
break;
case '浙江省':
var labels=new Array("请选择城市","杭州","湖州","金华","宁波","丽水","绍兴","雁荡山","衢州","嘉兴","台州","舟山");
var values=new Array("","");
break;
case '安徽省':
var labels=new Array("请选择城市","合肥","巢湖","蚌埠","安庆","六安","滁州","马鞍山","阜阳","宣城","铜陵","淮北","芜湖","豪州","宿州","淮南");
var values=new Array("","");
break;
case '河南省':
var labels=new Array("请选择城市","郑州","济源","开封","安阳","焦作","鹤壁","平顶山","商丘","濮阳","南阳","许昌","信阳","三门峡","驻马店","周口","新乡");
var values=new Array("","");
break;
case '贵州省':
var labels=new Array("请选择城市","贵阳","安顺","赤水","遵义","铜仁","六盘水","毕节","凯里","都匀");
var values=new Array("","");
break;
case '江西省':
var labels=new Array("请选择城市","南昌","萍乡","九江","上饶","抚州","吉安","鹰潭","宜春");
var values=new Array("","");
break;
case '河北省':
var labels=new Array("请选择城市","唐山","张家口","廊坊","邢台","邯郸","沧州","衡水");
var values=new Array("","");
break;
}
document.all.sfweather1_1.options.length = 0;
for(var i = 0; i < labels.length; i++)
{
document.all.sfweather1_1.add(document.createElement("OPTION"));
document.all.sfweather1_1.options[i].text=labels[i];
document.all.sfweather1_1.options[i].value=labels[i];
}
document.all.sfweather1_1.selectedIndex = 0;
}</script>
<body>
<p>
<select name="sfweather1" class="searchInput2" onChange="sfsetcity1()">
<option selected 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>
</p>
<p>
<select name="sfweather1_1" id="sfweather1_1" class="searchInput2">
<option>请选择城市</option>
</select></p>
<p><input name="button" type="button" value="定制完成" class="searchInput4" onclick="selectSubmit()"/>
</p></body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script language="javascript">
function sfsetcity1() {
switch (document.all.sfweather1.value)
{
case '':
var labels=new Array("请选择城市");
var values=new Array("");
break;
case '独立直辖市':
var labels=new Array("请选择城市","北京","上海","天津","重庆");
var values=new Array("","54511","11860","11861");
break;
case '特别行政区':
var labels=new Array("请选择城市","香港","澳门");
var values=new Array("","");
break;
case '台湾':
var labels=new Array("请选择城市","台北","高雄");
var values=new Array("","");
break;
case '广东省':
var labels=new Array("请选择城市","广州","潮州","韶关","湛江","惠阳","清远","东莞","江门","茂名","肇庆","汕尾","河源","揭阳","梅州","中山","惠州","德庆","阳江","百色");
var values=new Array("","");
break;
case '西藏':
var labels=new Array("请选择城市","拉萨","阿里","昌都","那曲","日喀则","山南");
var values=new Array("","");
break;
case '陕西省':
var labels=new Array("请选择城市","西安","韩城","安康","汉中","宝鸡","咸阳","榆林","渭南","商洛","铜川");
var values=new Array("","");
break;
case '甘肃省':
var labels=new Array("请选择城市","兰州","白银","庆阳","酒泉","天水","武威","张掖","甘南","临夏","平凉","定西","金昌");
var values=new Array("","");
break;
case '青海省':
var labels=new Array("请选择城市","西宁","海北","海西","黄南","果洛","玉树","固原","中卫");
var values=new Array("","");
break;
case '宁夏省':
var labels=new Array("请选择城市","银川");
var values=new Array("","");
break;
case '新疆':
var labels=new Array("请选择城市","乌鲁木齐","阿勒泰","阿克苏","昌吉","哈密","和田","喀什","克拉玛依","石河子","塔城","库尔勒");
var values=new Array("","");
break;
case '江苏省':
var labels=new Array("请选择城市","南京","昆山","南通","太仓","吴县","徐州","宜兴","镇江","淮安","常熟","盐城","泰州");
var values=new Array("","");
break;
case '云南省':
var labels=new Array("请选择城市","保山","楚雄","德宏","红河","临沧","怒江","曲靖","思茅","文山","玉溪","昭通");
var values=new Array("","");
break;
case '福建省':
var labels=new Array("请选择城市","厦门","福州","龙岩","南平","宁德","莆田","泉州","三明","漳州");
var values=new Array("","");
break;
case '海南省':
var labels=new Array("请选择城市","三亚","海口","儋州","琼山","通什","文昌","海南");
var values=new Array("","");
break;
case '广西省':
var labels=new Array("请选择城市","桂林","阳朔","南宁","柳州","梧州","玉林","桂平","贺州","钦州","贵港","防城港");
var values=new Array("","");
break;
case '湖南省':
var labels=new Array("请选择城市","长沙","邵阳","常德","郴州","吉首","株洲","娄底","湘潭","益阳","永州","岳阳","衡阳","怀化","韶山");
var values=new Array("","");
break;
case '湖北省':
var labels=new Array("请选择城市","武汉","宜昌","黄冈","恩施","荆州","神农架","十堰","咸宁","襄樊","孝感","随州","黄石","荆门","鄂州");
var values=new Array("","");
break;
case '四川省':
var labels=new Array("请选择城市","成都","泸州","内江","凉山","阿坝","巴中","广元","乐山","绵阳","德阳","攀枝花","雅安","宜宾","自贡","甘孜州","达州");
var values=new Array("","");
break;
case '吉林省':
var labels=new Array("请选择城市","长春","延边","吉林","白山","白城","四平","松原","辽源");
var values=new Array("","");
break;
case '黑龙江省':
var labels=new Array("请选择城市","石家庄","哈尔滨","齐齐哈尔","牡丹江","大庆","伊春","双鸭山","鹤岗","鸡西","佳木斯","七台河","黑河","绥化");
var values=new Array("","");
break;
case '山东省':
var labels=new Array("请选择城市","曲阜","临沂","烟台","济南","枣庄","聊城","济宁","菏泽","泰安","日照","东营");
var values=new Array("","");
break;
case '山西省':
var labels=new Array("请选择城市","太原","阳泉","晋城","晋中","临汾","运城","长治","朔州","忻州");
var values=new Array("","");
break;
case '内蒙古':
var labels=new Array("请选择城市","呼和浩特","呼伦贝尔","锡林郭勒","包头","赤峰","海拉尔","乌海","鄂尔多斯","锡林浩特");
var values=new Array("","");
break;
case '辽宁省':
var labels=new Array("请选择城市","沈阳","大连","葫芦岛","旅顺","本溪","抚顺","铁岭","辽阳","营口","阜新");
var values=new Array("","");
break;
case '浙江省':
var labels=new Array("请选择城市","杭州","湖州","金华","宁波","丽水","绍兴","雁荡山","衢州","嘉兴","台州","舟山");
var values=new Array("","");
break;
case '安徽省':
var labels=new Array("请选择城市","合肥","巢湖","蚌埠","安庆","六安","滁州","马鞍山","阜阳","宣城","铜陵","淮北","芜湖","豪州","宿州","淮南");
var values=new Array("","");
break;
case '河南省':
var labels=new Array("请选择城市","郑州","济源","开封","安阳","焦作","鹤壁","平顶山","商丘","濮阳","南阳","许昌","信阳","三门峡","驻马店","周口","新乡");
var values=new Array("","");
break;
case '贵州省':
var labels=new Array("请选择城市","贵阳","安顺","赤水","遵义","铜仁","六盘水","毕节","凯里","都匀");
var values=new Array("","");
break;
case '江西省':
var labels=new Array("请选择城市","南昌","萍乡","九江","上饶","抚州","吉安","鹰潭","宜春");
var values=new Array("","");
break;
case '河北省':
var labels=new Array("请选择城市","唐山","张家口","廊坊","邢台","邯郸","沧州","衡水");
var values=new Array("","");
break;
}
document.all.sfweather1_1.options.length = 0;
for(var i = 0; i < labels.length; i++)
{
document.all.sfweather1_1.add(document.createElement("OPTION"));
document.all.sfweather1_1.options[i].text=labels[i];
document.all.sfweather1_1.options[i].value=labels[i];
}
document.all.sfweather1_1.selectedIndex = 0;
}</script>
<body>
<p>
<select name="sfweather1" class="searchInput2" onChange="sfsetcity1()">
<option selected 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>
</p>
<p>
<select name="sfweather1_1" id="sfweather1_1" class="searchInput2">
<option>请选择城市</option>
</select></p>
<p><input name="button" type="button" value="定制完成" class="searchInput4" onclick="selectSubmit()"/>
</p></body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Insert title here</title>
</head>
<script language="javascript">
function sfsetcity1() {
switch (document.all.sfweather1.value)
{
case '':
var labels=new Array("请选择城市");
var values=new Array("");
break;
case '独立直辖市':
var labels=new Array("请选择城市","北京","上海","天津","重庆");
var values=new Array("","54511","11860","11861");
break;
case '特别行政区':
var labels=new Array("请选择城市","香港","澳门");
var values=new Array("","");
break;
case '台湾':
var labels=new Array("请选择城市","台北","高雄");
var values=new Array("","");
break;
case '广东省':
var labels=new Array("请选择城市","广州","潮州","韶关","湛江","惠阳","清远","东莞","江门","茂名","肇庆","汕尾","河源","揭阳","梅州","中山","惠州","德庆","阳江","百色");
var values=new Array("","");
break;
case '西藏':
var labels=new Array("请选择城市","拉萨","阿里","昌都","那曲","日喀则","山南");
var values=new Array("","");
break;
case '陕西省':
var labels=new Array("请选择城市","西安","韩城","安康","汉中","宝鸡","咸阳","榆林","渭南","商洛","铜川");
var values=new Array("","");
break;
case '甘肃省':
var labels=new Array("请选择城市","兰州","白银","庆阳","酒泉","天水","武威","张掖","甘南","临夏","平凉","定西","金昌");
var values=new Array("","");
break;
case '青海省':
var labels=new Array("请选择城市","西宁","海北","海西","黄南","果洛","玉树","固原","中卫");
var values=new Array("","");
break;
case '宁夏省':
var labels=new Array("请选择城市","银川");
var values=new Array("","");
break;
case '新疆':
var labels=new Array("请选择城市","乌鲁木齐","阿勒泰","阿克苏","昌吉","哈密","和田","喀什","克拉玛依","石河子","塔城","库尔勒");
var values=new Array("","");
break;
case '江苏省':
var labels=new Array("请选择城市","南京","昆山","南通","太仓","吴县","徐州","宜兴","镇江","淮安","常熟","盐城","泰州");
var values=new Array("","");
break;
case '云南省':
var labels=new Array("请选择城市","保山","楚雄","德宏","红河","临沧","怒江","曲靖","思茅","文山","玉溪","昭通");
var values=new Array("","");
break;
case '福建省':
var labels=new Array("请选择城市","厦门","福州","龙岩","南平","宁德","莆田","泉州","三明","漳州");
var values=new Array("","");
break;
case '海南省':
var labels=new Array("请选择城市","三亚","海口","儋州","琼山","通什","文昌","海南");
var values=new Array("","");
break;
case '广西省':
var labels=new Array("请选择城市","桂林","阳朔","南宁","柳州","梧州","玉林","桂平","贺州","钦州","贵港","防城港");
var values=new Array("","");
break;
case '湖南省':
var labels=new Array("请选择城市","长沙","邵阳","常德","郴州","吉首","株洲","娄底","湘潭","益阳","永州","岳阳","衡阳","怀化","韶山");
var values=new Array("","");
break;
case '湖北省':
var labels=new Array("请选择城市","武汉","宜昌","黄冈","恩施","荆州","神农架","十堰","咸宁","襄樊","孝感","随州","黄石","荆门","鄂州");
var values=new Array("","");
break;
case '四川省':
var labels=new Array("请选择城市","成都","泸州","内江","凉山","阿坝","巴中","广元","乐山","绵阳","德阳","攀枝花","雅安","宜宾","自贡","甘孜州","达州");
var values=new Array("","");
break;
case '吉林省':
var labels=new Array("请选择城市","长春","延边","吉林","白山","白城","四平","松原","辽源");
var values=new Array("","");
break;
case '黑龙江省':
var labels=new Array("请选择城市","石家庄","哈尔滨","齐齐哈尔","牡丹江","大庆","伊春","双鸭山","鹤岗","鸡西","佳木斯","七台河","黑河","绥化");
var values=new Array("","");
break;
case '山东省':
var labels=new Array("请选择城市","曲阜","临沂","烟台","济南","枣庄","聊城","济宁","菏泽","泰安","日照","东营");
var values=new Array("","");
break;
case '山西省':
var labels=new Array("请选择城市","太原","阳泉","晋城","晋中","临汾","运城","长治","朔州","忻州");
var values=new Array("","");
break;
case '内蒙古':
var labels=new Array("请选择城市","呼和浩特","呼伦贝尔","锡林郭勒","包头","赤峰","海拉尔","乌海","鄂尔多斯","锡林浩特");
var values=new Array("","");
break;
case '辽宁省':
var labels=new Array("请选择城市","沈阳","大连","葫芦岛","旅顺","本溪","抚顺","铁岭","辽阳","营口","阜新");
var values=new Array("","");
break;
case '浙江省':
var labels=new Array("请选择城市","杭州","湖州","金华","宁波","丽水","绍兴","雁荡山","衢州","嘉兴","台州","舟山");
var values=new Array("","");
break;
case '安徽省':
var labels=new Array("请选择城市","合肥","巢湖","蚌埠","安庆","六安","滁州","马鞍山","阜阳","宣城","铜陵","淮北","芜湖","豪州","宿州","淮南");
var values=new Array("","");
break;
case '河南省':
var labels=new Array("请选择城市","郑州","济源","开封","安阳","焦作","鹤壁","平顶山","商丘","濮阳","南阳","许昌","信阳","三门峡","驻马店","周口","新乡");
var values=new Array("","");
break;
case '贵州省':
var labels=new Array("请选择城市","贵阳","安顺","赤水","遵义","铜仁","六盘水","毕节","凯里","都匀");
var values=new Array("","");
break;
case '江西省':
var labels=new Array("请选择城市","南昌","萍乡","九江","上饶","抚州","吉安","鹰潭","宜春");
var values=new Array("","");
break;
case '河北省':
var labels=new Array("请选择城市","唐山","张家口","廊坊","邢台","邯郸","沧州","衡水");
var values=new Array("","");
break;
}
for(var i = 1; i < labels.length; i++)
{
labels[i]="<input name=checkbox1 type=checkbox value="+labels[i]+">"+labels[i]
}
document.getElementById("p1").innerHTML=labels.join(" ")
}</script>
<body>
<p>
<select name="sfweather1" class="searchInput2" onChange="sfsetcity1()">
<option selected 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>
</p>
<p id="p1">
</p>
<p><input name="button" type="button" value="定制完成" class="searchInput4" onclick="selectSubmit()"/>
</p></body>
</html>