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教程