JS实现城市页面联动

时间  2019-12-04
标签 实现 城市 页面 联动 栏目 JavaScript 繁體版
原文   原文链接 
<!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>
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程