JS——二级下拉框

最新推荐文章于 2024-04-01 13:53:49 发布

spfLinux

最新推荐文章于 2024-04-01 13:53:49 发布

阅读量470

点赞数

分类专栏： js 文章标签： JS 二级下拉框

js 专栏收录该内容

137 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<select id="province" οnchange="province_change()"></select>
	<select id="city"></select>

	<script src="common.js"></script>
	<script>
		var province = ["黑龙江","吉林","辽宁"];

		function loadprovince() {
			var opts = "";
			for(var i=0;i<province.length;i++){
				opts += "<option value="+i+">"+province[i]+"</option>";
			}
			$("province").innerHTML=opts;
		}

		window.onload = function(){  
	        loadProvince(); //加载省份信息  必须有
	        province_change(); // 加载城市信息  可选，如果有的话，提升用户体验
      	}

      	var city = [
				["哈尔滨","齐齐哈尔","牡丹江"],
				["长春","吉林","四平"],
				["沈阳","大连","铁岭"]
		];

		function province_change(){
			var pValue = $("province").value;
			var selCity = city[pValue];
			var opts = "";
			for(var i=0;i<selCity.length;i++){
	          opts+="<option>"+selCity[i]+"</option>";
	        }
	        $("city").innerHTML = opts;
	    }
	</script>
</body>
</html>

spfLinux

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JS——二级下拉框

Document var province = ["黑龙江","吉林","辽宁"]; function loadprovince() { var opts = ""; for(var i=0;i<province.length;i++){ opts += ""+province[i]+""; } $("province").inner
复制链接

扫一扫