请老师看下，代码是否需要优化？

<!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="sheng" id="sheng" onchange="linkage()" ></select>
市/区：
<!--  请在此补充代码 -->
<select name="shi" id="shi"></select>
</form>
</body>
</html>
===============================================================================
function address(){
    /*请在此补充代码*/
    // var sheng=document.getElementById("sheng");
    // var shi=document.getElementById("shi");
    selectAdd(sheng,"北京市","北京市");
    selectAdd(sheng,"天津市","天津市");
    selectAdd(sheng,"河北省","河北省");
    selectAdd(sheng,"河南省","河南省");
    selectAdd(shi,"朝阳区","朝阳区");
    selectAdd(shi,"西城区","西城区");
}
function selectAdd(obj,name,value){
/*请在此补充代码*/
obj.options.add(new Option(name,value));
}
function linkage(){
/*请在此补充代码*/
var sheng=document.getElementById("sheng");
var shi=document.getElementById("shi");
var str=sheng.value;
var shi1,shi2;
if(str=="北京市"){
    shi1="朝阳区";
    shi2="西城区";
}else if(str=="天津市"){
    shi1="西青区";
    shi2="武清区";
}else if(str=="河北省"){
    shi1="石家庄";
    shi2="邯郸市";
    
}else if(str=="河南省"){
    shi1="郑州市";
    shi2="开封市";
}
shi.options.length=0;
selectAdd(shi,shi1,shi1);
selectAdd(shi,shi2,shi2);
}

慕婉清2005302 2020-09-12

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

149

收起

1回答