ciselect
/
index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>AddressList</title>
	<style>
		a,body,select{font-size:12px;text-decoration:none;}
		body{background:#efefef;}
		a,pre{color:#808080;}
		select{width:100px;}
	</style>
</head>
<body>
<a href="http://cichui.top/index.php?m=Home&c=Article&a=index&id=74" target="_blank"><h1 style="text-align: center; color: blue">CiSelect</h1></a>
<b>CiSelect 省、市、区三级联动选择应用实例演示:</b><br><br>
<fieldset style="padding:5px;">
	<legend>省份选择</legend>
	所在省：<select name="S0"></select></select><br>
</fieldset>
<br><br>
<fieldset style="padding:5px;">
	<legend>省市联动</legend>
	出生地：<select name="P1"></select><select name="C1"></select><br>
	所在地：<select name="P2"></select><select name="C2"></select><br>
	工作地：<select name="P3"></select><select name="C3"></select><br>
</fieldset>
<br><br>
<fieldset style="padding:5px;">
	<legend>省市地区联动</legend>
	出　　 生 　地：<select name="province"></select><select name="city"></select><select name="area"></select><br>
	户 口 所 在 地：<select name="province1"></select><select name="city1"></select><select name="area1"></select><br>
	工 作 所 在 地：<select name="province2"></select><select name="city2"></select><select name="area2"></select><br>
	<br>
	无　　默　　认：<select name="province3"></select><select name="city3"></select><select name="area3"></select><br>
	默　　认　　省：<select name="province4"></select><select name="city4"></select><select name="area4"></select><br>
	默　认　省　市：<select name="province5"></select><select name="city5"></select><select name="area5"></select><br>
	默 认 省 市 区：<select name="province6"></select><select name="city6"></select><select name="area6"></select>
	<button onclick="getText()">获取文本</button>
	<button onclick="getValue()">获取值</button>
	<button onclick="getIndex()">获取索引</button>
	<br>
</fieldset>
<br>
<div style="text-align:center;"><a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=d5079c86aafcd2da4b24d6f65d18e3e4632e3e40fa529398c47beade5ef1712e"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="程序员之家【JAVA/.NET】" title="程序员之家【JAVA/.NET】"></a></div>
	<script src="CiSelect.js"></script>
	<script>
		new CiSelect("S0","广东省");//示例1：初始化省并设置默认省份

		new CiSelect("P1","C1");//示例2：初始化省市，不设置默认值
		new CiSelect("P2","C2","吉林省");//初始化省市并设置默认省份
		new CiSelect("P3","C3","江苏省","苏州市");//初始化省市并设置默认值


		new CiSelect("province","city","area");//示例：默认值，参数最少三个 分别为省市区select控件的id或name属性值
		new CiSelect("province1","city1","area1","吉林省","吉林市","龙潭区");
		new CiSelect("province2","city2","area2","江苏省","苏州市","沧浪区");

		new CiSelect("province3","city3","area3");
		new CiSelect("province4","city4","area4","浙江省");
		new CiSelect("province5","city5","area5","陕西省","西安市");
		var temp = new CiSelect("province6","city6","area6","江苏省","苏州市","姑苏区");//初始化省市区并设置默认值
	function getText() {
		var text;
		//text = temp.getText();//默认获取完整省市区名称
		text = temp.getText(temp.DomProvince);//获取省份名称
		text += temp.getText(temp.DomCity);//获取城市名称
		text += temp.getText(temp.DomArea);//获取区县名称
		alert("当前选择为：【"+text+"】");
	}
	function getValue() {
		var value;
		//编码不足六位默认补0，显示简码请第二个参数传true，示例：temp.getCode(temp.DomProvince,true)
		value = temp.getCode();//默认获取省市区的编码，不传参默认为所选区县的完整编码
		//value = temp.getCode(temp.DomProvince)//获取省份编码，
		//value = temp.getCode(temp.DomProvince,true)//获取省份简码，
		//value = temp.getCode(temp.DomCity)//获取地区编码
		//value = temp.getCode(temp.DomArea)//获取区县编码
		alert("地区编码为："+value);
	}
	function getIndex(){//获取下拉框选中项的索引
		alert(
			"\n省："+temp.getIndex(temp.DomProvince)+
			"\n市："+temp.getIndex(temp.DomCity)+
			"\n区："+temp.getIndex(temp.DomArea)
			);
	}
	</script>
</body>
</html>