1、页面及级联js
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>省市二级联动菜单Demo</title>
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
cities = new Object();
cities['北京'] = new Array('北京-101010100');
cities['上海'] = new Array('上海-101020100');
cities['天津'] = new Array('天津-101030100');
cities['重庆'] = new Array('重庆-101040100');
cities['河北省'] = new Array('石家庄-101090101', '张家口-101090301', '承德-101090402', '秦皇岛-101091101', '唐山-101090501', '廊坊-101090601', '保定-101090201', '沧州-101090701','衡水-101090801', '邢台-101090901', '邯郸-101091001');
cities['山西省'] = new Array('太原-101100101', '大同-101100201', '朔州-101100901', '阳泉-101100301', '长治-101100501', '晋城-101100601', '忻州-101101001', '吕梁-101101100', '晋中-101100401','临汾-101100701', '运城-101100801');
cities['辽宁省'] = new Array('沈阳-101070101', '朝阳-101071201', '阜新-101070901', '铁岭-101071101', '抚顺-101070401', '本溪-101070501', '辽阳-101071001', '鞍山-101070301', '丹东-101070601','大连-101070201', '营口-101070801', '盘锦-101071301', '锦州-101070701', '葫芦岛-101071401');
cities['吉林省'] = new Array('长春-101060101', '白城-101060601', '松原-101060801', '吉林-101060201', '四平-101060401', '辽源-101060701', '通化-101060501', '白山-101060901', '延边-101060312');
cities['黑龙江省'] = new Array('哈尔滨-101050101', '齐齐哈尔-101050201', '黑河-101050601', '大庆-101050901', '伊春-101050801', '鹤岗-101051201', '佳木斯-101050401', '双鸭山-101051301','七台河-101051002', '鸡西-101051101', '牡丹江-101050301', '绥化-101050501', '大兴安岭-101050701');
cities['江苏省'] = new Array('南京-101190101', '徐州-101190801', '连云港-101191001', '宿迁-101191301', '淮阴-101190907', '盐城-101190701', '扬州-101190601', '泰州-101191201','南通-101190501', '镇江-101190301', '常州-101191101', '无锡-101190201', '苏州-101190401');
cities['浙江省'] = new Array('杭州-101210101', '湖州-101210201', '嘉兴-101210301', '舟山-101211101', '宁波-101210401', '绍兴-101210501', '金华-101210901', '台州-101210601', '温州-101210701','丽水-101210801');
cities['安徽省'] = new Array('合肥-101220101', '宿州-101220701', '淮北-101221201', '阜阳-101220801', '蚌埠-101220201', '淮南-101220401', '滁州-101221101', '马鞍山-101220501','芜湖-101220301', '铜陵-101221301', '安庆-101220601', '黄山-101221008', '六安-101221501', '巢湖-101221601', '池州-101221701', '宣城-101221401');
cities['福建省'] = new Array('福州-101230101', '南平-101230901', '三明-101230801', '莆田-101230401', '泉州-101230501', '厦门-101230201', '漳州-101230601', '龙岩-101230701', '宁德-101230301');
cities['江西省'] = new Array('南昌-101240101', '九江-101240201', '景德镇-101240801', '鹰潭-101241101', '新余-101241001', '萍乡-101240901', '赣州-101240701', '上饶-101240301','抚州-101240401', '宜春-101240501', '吉安-101240601');
cities['山东省'] = new Array('济南-101120101', '聊城-101121701', '德州-101120401', '东营-101121201', '淄博-101120301', '潍坊-101120601', '烟台-101120501', '威海-101121301', '青岛-101120201','日照-101121501', '临沂-101120901', '枣庄-101121401', '济宁-101120701', '泰安-101120801', '莱芜-101121601', '滨州-101121101', '菏泽-101121001');
cities['河南省'] = new Array('郑州-101180101', '三门峡-101181701', '洛阳-101180901', '焦作-101181101', '新乡-101180301', '鹤壁-101181201', '安阳-101180201', '濮阳-101181301','开封-101180801', '商丘-101181001', '许昌-101180401', '漯河-101181501', '平顶山-101180501', '南阳-101180701', '信阳-101180601', '周口-101181401', '驻马店-101181601');
cities['湖北省'] = new Array('武汉-101200101', '十堰-101201101', '襄樊-101200201', '荆门-101201401', '孝感-101200401', '黄冈-101200501', '鄂州-101200301', '黄石-101200601', '咸宁-101200701','荆州-101200801', '宜昌-101200901', '恩施-101201001');
cities['湖南省'] = new Array('长沙-101250101', '张家界-101251101', '常德-101250601', '益阳-101250700', '岳阳-101251001', '株洲-101250301', '湘潭-101250201', '衡阳-101250401','郴州-101250501', '永州-101251401', '邵阳-101250901', '怀化-101251201', '娄底-101250801');
cities['广东省'] = new Array('广州-101280101', '清远-101281301', '韶关-101280201', '河源-101281201', '梅州-101280401', '潮州-101281501', '汕头-101280501', '揭阳-101281901', '汕尾-101282101','惠州-101280301', '东莞-101281601', '深圳-101280601', '珠海-101280701', '江门-101281101', '佛山-101280800', '肇庆-101280901', '云浮-101281401', '阳江-101281801', '茂名-101282001', '湛江-101281001');
cities['海南省'] = new Array('海口-101310101', '三亚-101310201');
cities['四川省'] = new Array('成都-101270101', '广元-101272101', '绵阳-101270401', '德阳-101272001', '南充-101270501', '广安-101270801', '遂宁-101270701', '内江-101271201', '乐山-101271401','自贡-101270301', '泸州-101271001', '宜宾-101271101', '攀枝花-101270201', '巴中-101270901', '达川-101270607', '资阳-101271301', '眉山-101271501', '雅安-101271701', '阿坝-101271901', '甘孜-101271801', '凉山-101271601');
cities['贵州省'] = new Array('贵阳-101260101', '六盘水-101260801', '遵义-101260201', '毕节-101260701', '铜仁-101260601', '安顺-101260301', '黔西-101260901');
cities['云南省'] = new Array('昆明-101290101', '曲靖-101290401', '玉溪-101290701', '丽江-101291401', '昭通-101291001', '临沧-101291101', '保山-101290501', '德宏-101291501','怒江-101291201', '大理-101290201', '楚雄-101290801', '红河-101290301', '文山-101290601', '香格里拉-101291301');
cities['陕西省'] = new Array('西安-101110101', '延安-101110300', '铜川-101111001', '渭南-101110501', '咸阳-101110200', '宝鸡-101110901', '汉中-101110801', '榆林-101110401', '商洛-101110601', '安康-101110701');
cities['甘肃省'] = new Array('兰州-101160101', '金昌-101160601', '白银-101161301', '天水-101160901', '酒泉-101160801', '张掖-101160701', '武威-101160501', '庆阳-101160401', '平凉-101160301', '定西-101160201', '临夏-101161101', '甘南-101050204');
cities['青海省'] = new Array('西宁-101150101', '海东-101150201', '海南-101150401', '海西-101150701', '海北-101150801', '黄南-101150301', '果洛-101150501', '玉树-101150601');
cities['内蒙古'] = new Array('呼和浩特-101080101', '包头-101080201', '乌海-101080301', '赤峰-101080601', '呼伦贝尔-101081000', '鄂尔多斯-101080701', '巴彦诺尔贡-101081209');
cities['广西'] = new Array('南宁-101300101', '桂林-101300501', '柳州-101300301', '梧州-101300601', '贵港-101300801', '玉林-101300901', '钦州-101301101', '北海-101301301', '防城港-101301401', '百色-101301001', '河池-101301201', '贺州-101300701');
cities['西藏'] = new Array('拉萨-101140101', '那曲-101140601', '昌都-101140501', '林芝-101140401', '山南-101140301', '日喀则-101140201', '阿里-101140701');
cities['宁夏'] = new Array('银川-101170101', '石嘴山-101170201', '吴忠-101170301', '固原-101170401');
cities['新疆'] = new Array('乌鲁木齐-101130101', '克拉玛依-101130201', '喀什-101130901', '阿克苏-101130801', '和田-101131301', '吐鲁番-101130501', '哈密-101131201', '昌吉-101130401', '巴音布鲁克-101130610', '塔城-101131101', '阿勒泰-101131401');
cities['香港'] = new Array('香港-101320101');
cities['澳门'] = new Array('澳门-101330101');
function set_city(province, city) {
var pv, cv;
var i, ii;
pv = province.value;
cv = city.value;
city.length = 1;
if (pv == '0')
return;
if (typeof (cities[pv]) == 'undefined')
return;
for (i = 0; i < cities[pv].length; i++) {
ii = i + 1;
city.options[ii] = new Option();
//给option赋值
//city.options[ii].text = cities[pv][i];
//city.options[ii].value = cities[pv][i];
//将城市的之分割为数组
var strs= cities[pv][i].split("-")
city.options[ii].text = strs[0];
city.options[ii].value = strs[1];
}
}
//查询天气
function findWeather(){
//城市code
var cityCode = $("#city").val();
$.ajax({
type: "post",
url: "ChinaWeatherServlet",
data: {cityCode:cityCode},
success: function(data){
//将返回数据转化为json
var parsedJson = jQuery.parseJSON(data);
$("#ctiyWeath").html("<img src='img/"+parsedJson.img1+"'> <img src='img/"+parsedJson.img2+"'> "+parsedJson.weather+" ");
}
});
}
</script>
</head>
<body>
<SELECT name="sheng" id="to_cn" onchange="set_city(this, document.getElementById('city'));" >
<option value=0>请选择</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 id="city" class=login_text_input name="shi">
<option value=0>请选择</option>
</select>
<span id="ctiyWeath">
</span>
<input type="button" value="查看天气" onclick="findWeather()">
</body>
</html>
附件：中国天气网所有城市code、天气预报测试项目