二级连动

最新推荐文章于 2024-07-04 12:03:06 发布

王乾坤

最新推荐文章于 2024-07-04 12:03:06 发布

阅读量421

点赞数

CC 4.0 BY-SA版权

分类专栏： java-wab

本文链接：https://blog.youkuaiyun.com/wangqiankun2010/article/details/24851761

java-wab 专栏收录该内容

30 篇文章

订阅专栏

省市名字的选择——效果

<html>
<head>
<title>省市名字的选择——效果</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
select {
	width: 80px;
}
</style>
<script type="text/javascript">
	/*
	 定义容器，将省市信息存储起来
	 定义数组
	 */
	function change() {
		/* 定义数组，存储城市信息  */
		var arr = new Array();
		arr["北京市"] = ["东城区", "西城区", "海淀区", "门头沟", "石景山"];
		arr["天津市"] = ["河西区", "和平区", "南开区", "塘沽区", "滨海新区", "武清区","静海县"];
		arr["上海市"] = ["浦东新区 ", "黄浦区", "静安区", "徐汇", "南汇", "卢湾", "崇明" ];
		arr["安徽市"] = ["合肥市", "六安市", "安庆市", "芜湖市", "黄山", "蚌埠", "淮南" ];
		arr ["商丘市"] =[ "睢县","柘城","永城","睢阳","宁陵县"] ;
		/* 	获取用户选择的是那一个省份 province 
		获取用户选择的是那个省份，document.表单.表单组件名.value  */

		var province = document.pc.province.value; //获取市的列表对象
		var city = document.pc.city;
		city.length = 0; //添加到城市列表菜单中 建立option对象
		for ( var c in arr[province]) {
			var option = new Option(arr[province][c]);
			city.options.add(option);

		}
	}
</script>
</head>
<body>
	<form action="" method="post" name="pc">
		<select onchange="change()" name="province">
			<option value="-请选择市区-">-请选择市区-</option>
			<option value="北京市">北京市</option>
			<option value="天津市">天津市</option>
			<option value="上海市">上海市</option>
			<option value="安徽市">安徽市</option>
			<option value="商丘市">商丘市</option>
		</select> <select name="city"></select>
	</form>

</body>
</html>