当前位置:首页 > 开发 > 行业应用 > 正文

中国天气网省市级联页面

发表于: 2015-07-16   作者:x125858805   来源:转载   浏览:
摘要: 1、页面及级联js <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> &l

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、天气预报测试项目

 

中国天气网省市级联页面

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
1. 当前天气 API地址:http://mobile.weather.com.cn/data/sk/101010100.html sd 湿度 sm 未知 temp
中国天气网提供的天气信息对国内用户来说,还是非常全面的,以南京为例,通过访问 http://m.weather
手机天气插件更新数据时某些天气插件更新时流量有点儿消耗稍大,所以还是自己动手丰衣足食啊,未来7
项目部署为: 数据库SQL代码为: --省级 provincial create table provincial ( provincialID int,
<tr> <th>所属地区</th> <td> <select name="province" id="province"&
extjs 省市级联代码,掌握了,其实省市县等多级联动是一样的 { xtype: "combo", id: 'prov', name: 'p
网上找了很多天气接口的文章,大都是只介绍,很难找到成品,用PHP开发了一个,效果如下,共享一下!
原文: http://g.kehou.com/t1033317914.html 手机天气插件更新数据时某些天气插件更新时流量有点儿
手机天气插件更新数据时某些天气插件更新时流量有点儿消耗稍大,所以还是自己动手丰衣足食啊,未来7
是 基于jQuery+JSON的省市联动效果 下载:http://www.ablanxue.com/prone_2681_1.html
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号