选择省份时，自动显示对应省份的城市

在很多网页中，都会有让用户选择城市的选项，那么，就需要我们用js来实现，当用户选择了省份，自动选择对应省份的城市。

<head>
	<title></title>
	<meta http-equiv="content" content="text/html" charset="utf-8"/>
	<script type="text/javascript">
	var citys =[ ]; // 定义一个变量来保存省份和城市
	citys["四川"]=["成都","绵阳"];
	citys["湖南"]=["岳阳","长沙"];
	citys["广东"]=["深圳","广州"];
	var selects;



	window.οnlοad=function( ){
	selects = document.forms[0].elements; // 先找到第一个form对象
	for(var a in citys){
	selects[0].add(new Option(a,a),null);
	}
	fun()
	}


	function fun(){
	selects[1].length=0;
	var option=selects[0].options[selects[0].selectedIndex];
	var city=citys[option.text];
	for(var i=0;i<city.length;i++){
	selects[1].add(new Option(city[i],city[i]),null);
	}
	}
	</script>

	</head>

	<body>
	<form>
	<select οnclick="fun()"></select> // 定义一个各省份的选择框
	<select></select> //定义一个对应省份所在市的选择框
	</form>
	</body>
	</html>

首先用js实现当用户点击第一个的时候，对应的选择框进行城市的跳转，并清除之前选择的城市。

学习js重要的是在坚持，虽然，开始接触的时候，都觉得挺难的，但要理解实现的功能和每段代码所要实现的功能。

转载于:https://www.cnblogs.com/liner730/p/4541518.html

选择省份时，自动显示对应省份的城市相关推荐

html文本自动省略,css单行、多行文本溢出时自动显示省略号方法
在实际项目开发中,经常会遇到这样的需求,需要我们把单行或者多行文字溢出时自动显示省略号,今天码云笔记就为大家通过多种方法来实现本末尾省略号显示这一需求. 我们先从最原始的开始,单行文本溢出如何显示省略 ...
插件 KSImageNamed 用图片时自动显示图片缩略图
https://github.com/ksuther/KSImageNamed-Xcode 也是非常残暴的一个功能,在开发中我们的图片名称都是fb_poinum_high类似的,用这个插件敲出前缀就能 ...
SAP Spartacus table里显示较长数据时自动显示省略号的设置
如下图所示:当table cell的值较长无法完整显示时,右部的值会被截断,以省略号代替. 这个行为是通过.scss里text-overflow: ellipsis设置实现的: 在Chrome开发者工 ...
如何在Excel中选择单元格时自动高亮显示整行和整列
要在Excel中选择单元格时自动高亮显示整行和整列,请按照以下步骤操作: 打开Excel工作表. 点击"开始"菜单中的"Excel选项". 在Excel选项窗口 ...
关于echarts实现地图并显示各省份名称及不同块显示不同原因，最后循环播放tooltip信息
最近接到这个需求,要把一些数据展示在地图上,并且能够自动播放,毕竟这是个大屏数据的项目,话不多少,直接上代码首先是要实现一个地图,显示每个省份的名字,首先准备要渲染的数据,根据你自己要求,接口返回的 ...
解决在 IntelliJ IDEA 中，输入代码时突然不会自动显示下拉框提示
解决在 IntelliJ IDEA 中,输入代码时突然不会自动显示下拉框提示笔者的运行环境: IntelliJ IDEA 2020.1.2 (Ultimate Edition) JDK 13.0.2 ...
黄页前台联动菜单修改时不能显示，要重新选择|没样式
黄页前台联动菜单修改时不能显示,要重新选择http://bbs.phpcms.cn/thread-455706-1-1.html 修改 phpcms\libs\functions\global.fun ...
调用百度地图API，如何只显示某个省份的地图
需求如下 1.调用百度地图API 2.只显示某个省份的地图如安徽省,其他的都不要显示实现步骤如下 1.调用百度地图Api,显示地图 https://blog.csdn.net/tian_jiangn ...
echarts map(地图) 省份名称居中显示
修改echarts中的china.js文件中省份经纬度,使省份名称居中显示. 亲测可用,更新于2020-12-10 china.js 点击下载修改前,省份名称并不居中显示: 修改后: 具体修改方法( ...

选择省份时，自动显示对应省份的城市

选择省份时，自动显示对应省份的城市相关推荐

最新文章

热门文章