三级联动

拼接式： 

$(function(){
	$.post(
		\'province.do\',
		function(objs){
			var province=$(\'#pid\');
			for(var i=0;i<objs.length;i++){
				var pid=objs[i].pid;
				var pname=objs[i].pname;
				province.append(\"<option value=\'\"+pid+\"\'>\"+pname+\"</option>\");
			}
			
		},\'json\'
	);
	
})

$(function(){
	$(\"#pid\").change(function(){
		var city=$(\"#cid\");
		$(\'#cid option:gt(0)\').remove();
		var pro=$(this).val();
		
		$.post(
		\'city.do?pid=\'+pro,
		function(objs){
			for(var i=0;i<objs.length;i++){
				var pid=objs[i].cid;
				var pname=objs[i].cname;
				city.append(\"<option value=\'\"+pid+\"\'>\"+pname+\"</option>\");
			}
			
		},\'json\'
	)
	});
})


$(function(){
		$(\"#cid\").change(function(){
		var area=$(\"#aid\");
		$(\'#aid option:gt(0)\').remove();
		var pro=$(this).val();
		
		$.post(
		\'area.do?cid=\'+pro,
		function(objs){
			for(var i=0;i<objs.length;i++){
				var pid=objs[i].aid;
				var pname=objs[i].aname;
				area.append(\"<option value=\'\"+pid+\"\'>\"+pname+\"</option>\");
			}
			
		},\'json\'
	)
	})
})