js实现省市级联的简单代码

最新推荐文章于 2024-04-28 10:45:38 发布

lettuce_

最新推荐文章于 2024-04-28 10:45:38 发布

阅读量4.2k

点赞数 1

分类专栏： html js 文章标签： js 省市级联简单版

本文链接：https://blog.csdn.net/lettuce_/article/details/79942116

版权

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>省市级联</title>

<script type="text/javascript">
	var cityList=new Array();//构建城市列表,城市太多,这里只简单写几个
	cityList["北京市"]=['海淀区','朝阳区','密云区'];
	cityList["上海市"]=['徐汇区','黄埔区','虹口区'];
	cityList["吉林省"]=['长春市','吉林市','四平市'];
	
	function allprovince(){
		//获取省的select对象
		var province=document.getElementById("province");
		for (var i in cityList){
			province.add(new Option(i,i),null);
			}
		}
		
		
	//根据省份加载对应的城市
	function loadCity(){
		
			//获取省份的值
			var province=document.getElementById("province").value;
			//获取城市的对象
			var city=document.getElementById("city");
			
			//清空上一次选择省份显示的城市
			city.options.length=0;
			
			for(var i in cityList){
				//让其对应
				if(i==province){
					for(var

最低0.47元/天解锁文章

lettuce_

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
js实现省市级联的简单代码

&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;省市级联&lt;/title&gt;&lt;script type="text/javascript"&gt; var cityList=new Array();//构建城市
复制链接

扫一扫