关于option.add的参数问题

首页课程实战体系课手记专栏慕课教程

关于option.add的参数问题

来源：7-6 编程练习

weixin_慕斯0354824

2021-04-06 15:20:06

请问这种方法有何问题？出错在哪里？数组一定要当做自定义函数的参数调用吗？

写回答

3回答

好帮手慕小脸

2021-04-06

同学你好，

1、建议同学不要随意修改代码，老师在同学最开始给出的代码上修改，与新贴出代码是有一定差异的

2、新贴出代码有如下问题：

1）没有书写js文件，这里就不需要引入

2）for循环的括号中，是以分号(;)分开不是逗号

3）for循环的条件是name.length，且不需要进行-1操作

祝学习愉快~

好帮手慕小脸

2021-04-06

同学你好，这里应在select标签中设置id属性，为避免下拉框有空白选项，这里可将option删除，修改代码如下：

祝学习愉快~

heixin_慕斯0354824

hp>您好去掉之后还是没有下拉框呢

运行结果如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<title>Document</title>
    <script type="text/javascript" src="index.js">
        function address(){
            var sf = document.getElementById("sf");
            var sq = document.getElementById("sq");
            var province = ["天津市","北京市","河北省","河南省"];
            var city = ["朝阳区","西城区","石家庄","邯郸市","西青区","武清区","郑州市","开封市"];
            selectAdd(sf,province,province);
            selectAdd(sq,city,city);
        }
        function selectAdd(obj,name,value){
            for(var str=0,str<province.length-1,str++){
                obj.options.add(
                    new Option(name[str],value[str])
                    );
            }
        }
    </script>
</head>
<body onload="address()">
<form>
<lable>省份：</lable>
<select id="sf" name="sf"></select>    
<!--  请在此补充代码 -->
市/区：
<select id="sq" name="sq"></select>
<!--  请在此补充代码 -->
</form>
</body>
</html>

h021-04-06

共1条回复

好帮手慕小脸

2021-04-06

同学你好，建议同学将完整的代码贴出，不要截图，便于老师测试运行

祝学习愉快~

heixin_慕斯0354824

hpre class="brush:html;toolbar:false"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="index.js">
function address(){
var sf = document.getElementById("sf");
var sq = document.getElementById("sq");
var province = ["天津市","北京市","河北省","河南省"];
var city = ["朝阳区","西城区","石家庄","邯郸市","西青区","武清区","郑州市","开封市"];
selectAdd(sf,province,province);
selectAdd(sq,city,city);
}
function selectAdd(obj,name,value){
for(var str in name){
obj.options.add(
new Option(name[str],value[str])
);
}
}
</script>
</head>
<body onload="address()">
<form>
省份：
<select>
<option id="sf" name="sf">

</option>
</select>

市/区：
<select>
<option id="sq" name="sq">

</option>
</select>

</form>
</body>
</html>

h021-04-06

共1条回复

0 学习 · 9666 问题

查看课程

相似问题

关于函数的问题

回答 1

关于函数表达式的问题

回答 1

option内两个参数分别代表什么意思

回答 1

关于getElementById的问题。

回答 2

关于数组长度的问题

回答 1

打开慕课网App查看更多内容