老师我的一直显示不出来 ，帮我看看
来源：7-8 编程练习
qq_慕娘8271071
2020-06-12 22:39:42
<html>
<head>
<meta charset="UTF-8">
<title>index2</title>
<script type="text/javascript" src="index2.js"></script>
</head>
<body onload="address()">
<form>
<lable>省份：</lable>
<select name = "shengfen" id="shengfen" onchange="linkage()"></select><!--<select name="sf" id="sf" onchange="linkage()"></selcte>-->
<lable>市/区：</lable>
<select name = "shiqu" id="shiqu"></select>
</form>
</body>
</html>
function address(){
var shengfen=document.getElementById("shengfen");
selectAdd(shengfen,"北京市","北京市");
selectAdd(shengfen,"天津市","天津市");
selectAdd(shengfen,"河北省","河北省");
selectAdd(shengfen,"河南省","河南省");
linkage();
}
function selectAdd(obj,name,value){
obj.options.add(new option(name,value));
}
function linkage(){
var shengfen=document.getElementById("shengfen").value;
var shiqu=document.getElementById("shiqu");
if(shengfen=="北京市"){
shiqu.options.length=0;
selectAdd(shengfen,"朝阳区","朝阳区");
selectAdd(shengfen,"西城区","西城区");
}else if(shengfen=="天津市"){
shiqu.options.length=0;
selectAdd(shengfen,"西青区","西青区");
selectAdd(shengfen,"武清区","武清区");
}else if(shengfen=="河北省"){
shiqu.options.length=0;
selectAdd(shengfen,"石家庄","石家庄");
selectAdd(shengfen,"邯郸市","邯郸市");
}else if(shengfen=="河南省"){
shiqu.options.length=0;
selectAdd(shengfen,"郑州市","郑州市");
selectAdd(shengfen,"开封市","开封市");
}
}
1回答
-
好帮手慕珊
2020-06-13
同学，你好！遇到问题首先在浏览器中按F12，查看一下控制台是否有错误提示。错误提示如下，显示option没有被定义，并指出了代码的具体位置
检查发现问题及建议如下：
1、下面选中的option改成Option，开头字母要大写
2、如下代码移动到</body>标签的前面，页面内容都加载后再加载js的内容，避免有些属性获取不到
<script type="text/javascript" src="index2.js"></script>
3、添加市区时注意，因为要往第二个下拉列表中添加内容，下面的参数是shiqu，不是shengfen
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
0
相似问题