利用数组遍历完成籍贯的优化方法， <script function testChange(){ //通过id="pro" 所在的select标签,获取它的标签对象 //同时获取下拉菜单的内容 var province = document.getElementById("pro").value ; //应该要给第二个select标签(城市所在的下拉菜单),获取它的标签对象,动态给力拼接城市 //获取id="city"所在的select标签对象 var city = document.getElementById("city") ; //将city的innerHTML清空掉 city.innerHTML = "" ; //判断选择的省份的内容是否为"陕西省"/"山西省"/"广东省" if(province=="陕西省"){//定义一个城市数组 var arr = ["西安市","渭南市","咸阳市","宝鸡市"] ; //遍历数组,获取每一个城市 for(var i = 0 ; i < arr.length;i++){ // 拼接<option value="渭南市">渭南市</option> 文本 //给city标签对象(代表就是第二个select标签对象)拼接上面的文本 city.innerHTML +="<option value="+arr[i]+">"+arr[i]+"</option> " if(province=="山西省"){var arr = ["太原市","晋中市","临汾市","大同市"] ; for(var i = 0 ; i < arr.length;i++){ city.innerHTML +="<option value="+arr[i]+">"+arr[i]+"</option> "} } if(province=="广东省"){var arr = ["广州市","东莞市","佛山市","深圳市"] for(var i = 0 ; i < arr.length;i++){ city.innerHTML += "<option value="+arr[i]+">"+arr[i]+"</option> "}} } </script>