.......

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<title>Document</title>
    <script type="text/javascript" src="index.js"></script>
</head>
<body onload="address()">
<form>
省份：
<!--  请在此补充代码 -->
<select name="province" id="province"></select>
市/区：
<!--  请在此补充代码 -->
<select name="city" id="city"></select>
</form>
</body>
</html>
function address(){
    /*请在此补充代码*/  
    var province = document.getElementById("province");
    var city = document.getElementById("city");
   
}


function selectAdd(obj,name,value){
    obj.options.add(new Option(name,value));
}
该怎么写

o一只猫o 2019-12-14

源自：JavaScript入门 7-6 编程练习

收起

1回答

好帮手慕小尤 2019-12-15 10:21:22

同学你好，建议同学先定义两个数组，分别为省份与市/区，然后根据这两个数组循环为标签添加内容。代码如下：

function address(){
	// 根据id属性获取对象
    var province = document.getElementById("province");
    var city = document.getElementById("city");
    // 定义两个数组，分别用来展示省份与市/区
    var proArr = ["北京市","天津市","河北省","河南省"];
    var cityArr = ["朝阳区","西城区","石家庄","邯郸市","西青区","武清区","郑州市","开封市"];
 	// 循环调用selectAdd方法，添加数据
 	for(var a = 0; a<=proArr.length-1; a++){
        selectAdd(province,proArr[a],proArr[a]);
    }
    for(var i = 0; i<=cityArr.length-1; i++){
        selectAdd(city,cityArr[i],cityArr[i]);
    } 
}
function selectAdd(obj,name,value){
    obj.options.add(new Option(name,value));
}

如果我的回答解决了你的疑惑，请采纳！祝学习愉快！

收起回答

提问者 o一只猫o #1

那如果要添加很多的省份和市区，该怎么写。

2019-12-15 15:45:00
好帮手慕小尤回复提问者 o一只猫o #2

同学你好，如果想要添加更多的省份和市区，那就讲省份和市区分别添加到proArr 与cityArr 数组中即可。如果我的回答解决了你的疑惑，请采纳！祝学习愉快！

2019-12-15 16:07:55