请老师帮忙看看代码，给点建议
来源：7-8 编程练习
weixin_慕先生7166890
2020-06-21 11:10:17
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="1.js"></script> </head> <body > <form> 省份： <!-- 请在此补充代码 --> <select name="province" id="province" onchange="selectP()"> <option value="1">北京市</option> <option value="2">天津市</option> <option value="3">河北省</option> <option value="4">河南省</option> </select> 市/区： <!-- 请在此补充代码 --> <select name="city" id="city" ></select> </form> </body> </html>
function selectP(){
var province=document.getElementById("province");
var p=parseInt(province.value);
var city=document.getElementById("city");
switch(p){
case 1:
city.options.length=0;
city.options.add(new Option("朝阳区",1));
city.options.add(new Option("西城区",1));
break;
case 2:
city.options.length=0;
city.options.add(new Option("西青区",2));
city.options.add(new Option("武清区",2));
break;
case 3:
city.options.length=0;
city.options.add(new Option("石家庄",3));
city.options.add(new Option("邯郸市",3));
break;
default:
city.options.length=0;
city.options.add(new Option("郑州市",4));
city.options.add(new Option("开封市",4));
}
}
1回答
-
同学你好,同学的代码虽然可以实现效果,但是在一级菜单为北京市时,再点击北京市,显示不出来内容,因为onchange事件表示内容发生改变的时候会触发该事件，所以直到点击一次别的省才会调用到selectP()方法
可以添加onload事件, 当加载页面完就加载selectP()函数。保证页面加载完就可以获取到省份的值，来进行二级联动的判断。
如果我的回答解决了你的疑惑，请采纳，祝学习愉快~
0
相似问题