在好例子网,分享、交流、成长!
您当前所在位置:首页CSS 开发实例网页菜单 → 省/市/县区 三级菜单联动 示例源码(中国城市选择)

省/市/县区 三级菜单联动 示例源码(中国城市选择)

网页菜单

下载此实例
  • 开发语言:CSS
  • 实例大小:0.02M
  • 下载次数:10
  • 浏览次数:44
  • 发布时间:2018-04-14
  • 实例类别:网页菜单
  • 发 布 人:yhnnd
  • 所需积分:0
 相关标签: 城市 选择

实例介绍

【实例简介】

选择城市 省/市/县区 三级菜单联动 示例源码

【实例截图】

from clipboard

【核心代码】

<html>

<head>
	<meta charset="UTF-8">
	<title>全国城市选择</title>
</head>

<body>
	<center>
		<h1>全国城市选择</h1>
		<select id="s_province" name="s_province"></select>
		<select id="s_city" name="s_city"></select>
		<select id="s_county" name="s_county"></select>
		<div id="show"></div>
	</center>
	<script src="js/area.js"></script>
	<script>
		_init_area();

		function Gid(str) {
			return document.getElementById(str);
		}

		var showArea = function () {
			Gid('show').innerHTML = "<h3>"   Gid('s_province').value   " - "  
				Gid('s_city').value   " - "  
				Gid('s_county').value   "</h3>"
		}

		Gid('s_county').setAttribute('onchange', 'showArea()');
	</script>
</body>

</html>

标签: 城市 选择

实例下载地址

省/市/县区 三级菜单联动 示例源码(中国城市选择)

不能下载?内容有错? 点击这里报错 + 投诉 + 提问

好例子网口号:伸出你的我的手 — 分享

网友评论

发表评论

(您的评论需要经过审核才能显示)

查看所有0条评论>>

小贴士

感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。

  • 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  • 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
  • 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  • 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
;
报警
var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_4847253'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/stat.php%3Fid%3D4847253' type='text/javascript'%3E%3C/script%3E"));