JS----简单的城市级联

<script>
//做修改是 sf为省份，sc为城市
function scity(pname, cname, sf, cs){
	var province = ['江苏省','北京','天津','上海','重庆','广东省'];

	document.write('<select onchange = "selectc(this)" id = "pro" name = "'+pname+'">');
	document.write('<option value="">---选择省份---</option>');
	var a = 0;
	for(var i = 0; i < province.length; i++){
		if(typeof(sf)!="undefined"){
			if(province[i] == sf){
				var sel = 'selected';
				a = i;
			}else{
				var sel = '';
			}
		}else{
			var sel = '';
		}
		document.write('<option '+sel+' value="'+province[i]+'">'+province[i]+'</option>')
	}
	document.write("</select>");
	
	
	document.write('<select id = "city" name = "'+cname+'">');
	document.write('<option value="">---选择城市---</option>');
	document.write("</select>");
	

	if(a > 0)
		selectc(document.getElementById("pro"), a, cs);
}
	var citys = new Array(
		new Array('南京','徐州'),
		new Array('北京'),
		new Array('天津'),
		new Array('上海'),
		new Array('重庆'),
		new Array('广州','深圳','惠州','清远','东莞','龙岗')
	);
	
	function selectc(pobj, a, cs){		//通过（a>0 调用后可以直接使用）
		if(typeof(a)!='undefined'){
			var index = a;
		}else{
			var index = pobj.selectedIndex -1;
		}
		
		var cobj = document.getElementById("city");
		cobj.innerHTML = "";
		
		if(index >=0){
			for(var i=0; i<citys[index].length; i++){
				if(typeof(cs) != 'undefined'){
					if(citys[index][i] == cs)
						var sel = 'selected';
					else
						var sel = '';
				}
				var option = document.createElement('option');
				var text = citys[index][i];
				option.value = text;
				option.selected = sel;
				option.innerHTML = text;
				cobj.appendChild(option);
			}
		}else{
			var option = document.createElement('option');
			option.value = '';
			option.innerHTML = '---选择城市---';
			cobj.appendChild(option);
		}
	}
	
//调用显示
scity('province', 'city', '广东省','清远')
</script>