用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

js 级联菜单

2012-09-13 作者: 神马举报

[javascript]代码库

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>js 级联菜单</title>
<style type="text/css">
#Select2 {
	width: 120px;
}
#Select1 {
	width: 100px;
}
</style>
<script type="text/javascript" language="javascript">
	var arr = new Array([ "河南省", "1", "开封市", "南阳市", "安阳市", "郑州市" ], [ "山东省",
			"2", "济南市", "日照市", "潍坊市", "菏泽市" ],
			[ "广东省", "3", "广州市", "珠海市", "深圳" ], [ "吉林省", "4", "大连市", "沈阳市",
					"哈尔滨市", "冰城" ]);
	function shengshi() {
		for ( var i = 0; i < arr.length; i++) {
			document.getElementById("Select2").options.add(new Option(
					arr[i][0], arr[i][1]))
		}
		;
	}
	function getCity() {
		document.getElementById("Select1").options.length = 1;
		var k = document.getElementById("Select2").value - 1;
		for ( var j = 2; j < arr[k].length; j++) {
			document.getElementById("Select1").options.add(new Option(
					arr[k][j], arr[k][j]))
		}
	}
</script>
</head>
<body onload="shengshi()">
<p>所在省:
  <select id="Select2" name="D2" onchange="getCity()">
    <option></option>
  </select>
  所在市:
  <select id="Select1" name="D1">
    <option></option>
  </select>
</p>
</body>
</html>



网友评论    (发表评论)

共1 条评论 1/1页

发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...