二级联动

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<form action="">
  <input type="text" name="pro" id="pro" />
  <input type="text" name="city" id="city" />
  <input type="text" name="pro1" id="pro1" />
  <input type="text" name="city1" id="city1" />
<div class="results" id="pro-result"></div>
<script type="text/javascript" src="/skin/peiyou/js/jquery.optionTree.js"></script>
<script type="text/javascript">
$(function() {
	var options = {
		empty_value: 'null',
		indexed: true,  // the data in tree is indexed by values (ids), not by labels
		on_each_change: '/skin/peiyou/js/pro_ctiy.php', // this file will be called with 'id' parameter, JSON data must be returned
		choose: '',
		preselect: {"pro": ['20','2000']},
		set_value_on: 'each'
	};
	
	$.getJSON('/skin/peiyou/js/pro_ctiy.php', function(tree) { // initialize the tree by loading the file first
		$('input[name=pro]').optionTree(tree, options);
	});
	
$("form").submit(function(e){
	var pro1= $('#pro1').val($('select[name=pro_] option:selected').text());    //省中文
	var city1= $('#city1').val($('select[name=pro__] option:selected').text()); //市中文
	var pro1= $('#pro').val($('select[name=pro_] option:selected').val());     //省ID
	var city1= $('#city').val($('select[name=pro__] option:selected').val());  //市ID
});
	
});
</script>
  <input type="submit" value="提交">
</form>

<?php
//$pc[0] = array ("北京","上海","天津","重庆","河北","山西","内蒙古","辽宁","吉林","黑龙江","江苏","浙江","安徽","福建","江西","山东","河南","湖北","湖南","广东","广西","海南","四川","贵州","云南","西藏","陕西","甘肃","宁夏","青海","新疆","香港","澳门","台湾");
$pc=array();
$pc[1] = array ("北京","东城|西城|崇文|宣武|朝阳|丰台|石景山|海淀|门头沟|房山|通州|顺义|昌平|大兴|平谷|怀柔|密云|延庆");
$pc[2] = array ("上海","黄浦|卢湾|徐汇|长宁|静安|普陀|闸北|虹口|杨浦|闵行|宝山|嘉定|浦东|金山|松江|青浦|南汇|奉贤|崇明");
$pc[3] = array ("天津","和平|东丽|河东|西青|河西|津南|南开|北辰|河北|武清|红挢|塘沽|汉沽|大港|宁河|静海|宝坻|蓟县");
$pc[4] = array ("重庆","巴南|北碚|璧山|长寿|城口|大渡口|大足|垫江|丰都|奉节|涪陵|合川|江北|江津|九龙坡|开县|梁平|南岸|南川|彭水|綦江|黔江|荣昌|沙坪坝|石柱|双桥|铜梁|潼南|万盛|万州|巫山|巫溪|武隆|秀山|永川|酉阳|渝北|渝中|云阳|忠县");
$pc[5] = array ("河北","石家庄|邯郸|邢台|保定|张家口|承德|廊坊|唐山|秦皇岛|沧州|衡水");
$pc[6] = array ("山西","太原|大同|阳泉|长治|晋城|朔州|吕梁|忻州|晋中|临汾|运城");
$pc[7] = array ("内蒙古","呼和浩特|包头|乌海|赤峰|呼伦贝尔|阿拉善|鄂尔多斯|兴安|乌兰察布|锡林郭勒|巴彦淖尔|通辽");
$pc[8] = array ("辽宁","沈阳|大连|鞍山|抚顺|本溪|丹东|锦州|营口|阜新|辽阳|盘锦|铁岭|朝阳|葫芦岛");
$pc[9] = array ("吉林","长春|吉林|四平|辽源|通化|白山|松原|白城|延边");
$pc[10] = array ("黑龙江","哈尔滨|齐齐哈尔|牡丹江|佳木斯|大庆|绥化|鹤岗|鸡西|黑河|双鸭山|伊春|七台河|大兴安岭");
$pc[11] = array ("江苏","南京|镇江|苏州|南通|扬州|盐城|徐州|连云港|常州|无锡|宿迁|泰州|淮安");
$pc[12] = array ("浙江","杭州|宁波|温州|嘉兴|湖州|绍兴|金华|衢州|舟山|台州|丽水");
$pc[13] = array ("安徽","合肥|芜湖|蚌埠|马鞍山|淮北|铜陵|安庆|黄山|滁州|宿州|池州|淮南|巢湖|阜阳|六安|宣城|亳州");
$pc[14] = array ("福建","福州|厦门|莆田|三明|泉州|漳州|南平|龙岩|宁德");
$pc[15] = array ("江西","南昌市|景德镇|九江|鹰潭|萍乡|新馀|赣州|吉安|宜春|抚州|上饶");
$pc[16] = array ("山东","济南|青岛|淄博|枣庄|东营|烟台|潍坊|济宁|泰安|威海|日照|莱芜|临沂|德州|聊城|滨州|菏泽");
$pc[17] = array ("河南","郑州|开封|洛阳|平顶山|安阳|鹤壁|新乡|焦作|濮阳|许昌|漯河|三门峡|南阳|商丘|信阳|周口|驻马店|济源");
$pc[18] = array ("湖北","武汉|宜昌|荆州|襄樊|黄石|荆门|黄冈|十堰|恩施|潜江|天门|仙桃|随州|咸宁|孝感|鄂州|神农架");
$pc[19] = array ("湖南","长沙|常德|株洲|湘潭|衡阳|岳阳|邵阳|益阳|娄底|怀化|郴州|永州|湘西|张家界");
$pc[20] = array ("广东","惠州|广州|深圳|珠海|汕头|东莞|中山|佛山|韶关|江门|湛江|茂名|肇庆|梅州|汕尾|河源|阳江|清远|潮州|揭阳|云浮");
$pc[21] = array ("广西","南宁|柳州|桂林|梧州|北海|防城港|钦州|贵港|玉林|南宁|柳州|贺州|百色|河池");
$pc[22] = array ("海南","海口|三亚");
$pc[23] = array ("四川","成都|阿坝|巴中|达州|德阳|甘孜|广安|广元|乐山|凉山|泸州|眉山|绵阳|内江|南充|攀枝花|遂宁|雅安|宜宾|资阳|自贡");
$pc[24] = array ("贵州","贵阳|六盘水|遵义|安顺|铜仁|黔西南|毕节|黔东南|黔南");
$pc[25] = array ("云南","昆明|保山|楚雄|大理|德宏|迪庆|红河|丽江|临沧|怒江|曲靖|思茅|文山|西双版纳|玉溪|昭通");
$pc[26] = array ("西藏","拉萨|日喀则|山南|林芝|昌都|阿里|那曲");
$pc[27] = array ("陕西","西安|宝鸡|咸阳|铜川|渭南|延安|榆林|汉中|安康|商洛");
$pc[28] = array ("甘肃","兰州|嘉峪关|金昌|白银|天水|酒泉|张掖|武威|定西|陇南|平凉|庆阳|临夏|甘南");
$pc[29] = array ("宁夏","银川|石嘴山|吴忠|固原|中卫");
$pc[30] = array ("青海","西宁|海东|海南|海北|黄南|玉树|果洛|海西");
$pc[31] = array ("新疆","乌鲁木齐|阿克苏|阿拉尔|阿勒泰|巴音郭楞|博尔塔拉|昌吉|哈密|和田|喀什|克拉玛依|克孜勒苏柯尔克孜|石河子|塔城|图木舒克|吐鲁番|五家渠|伊犁");
$pc[32] = array ("香港","北区|大埔区|东区|观塘区|黄大仙区|九龙|葵青区|离岛区|南区|荃湾区|沙田区|深水埗区|屯门区|湾仔区|西贡区|香港|新界|油尖旺区|元朗区|中西区");
$pc[33] = array ("澳门","澳门");
$pc[34] = array ("台湾","台北|高雄|台中|台南|屏东|南投|云林|新竹|彰化|苗栗|嘉义|花莲|桃园|宜兰|基隆|台东|金门|马祖|澎湖");

$line_no = (isset($_GET['id']) && is_numeric($_GET['id']) ? (int) $_GET['id'] : null);
if (is_null($line_no)) {
	$pro=array();
	for($i=1;$i<count($pc);$i++){
		$pro[$i] = $pc[$i][0];
		$ctiy_arr = $pc[$i][1];
	}
}else{
	$pro=array();
	if($line_no<=35 && $line_no >= 1){
		$ctiy = explode("|",$pc[$line_no][1]);
		for($ii=0;$ii<count($ctiy);$ii++){
			$pi = $line_no."00".$ii;
			$pro[$pi] = $ctiy[$ii];
		}		
	}
}
echo json_encode($pro); 



?>

你可能感兴趣的:(二级联动)