JS实现城市页面联动

最新推荐文章于 2022-04-12 20:52:55 发布

weixin_34361881

最新推荐文章于 2022-04-12 20:52:55 发布

阅读量146

点赞数

CC 4.0 BY-SA版权

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/u/2456768/blog/505469

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
	<script type="text/javascript">
		function changeCity(){
			var arry=new Array();	
			arry[0]=["南昌","吉安","九江"];
			arry[1]=["广州","深圳","东莞"];
			arry[2]=["长沙","横店","随便"];
			var p=document.myform.province.options.selectedIndex-1;
			var newoption;
			document.myform.city.options.length=0;
			var title=new Option("--请选择下面城市--");
			document.myform.city.options.add(title);
			for(var i=0;i<arry[p].length;i++){
				newoption=new Option(arry[p][i]);	
				document.myform.city.options.add(newoption)
			}
		}
	</script>
</head>

<body>
	<form name="myform">
    	<select name="province" onchange="changeCity()">
        	<option>--请选择下面省份--</option>
            <option>江西</option>
            <option>广东</option>
            <option>湖南</option>
        </select>
        <select name="city">
        	<option>--请选择下面城市--</option>
        </select>
    </form>
</body>
</html>

转载于:https://my.oschina.net/u/2456768/blog/505469