简单的二级联动，在大神的手把手教学中学的！新手可以看看

最新推荐文章于 2022-04-16 17:51:00 发布

gzy727764907

最新推荐文章于 2022-04-16 17:51:00 发布

阅读量736

点赞数

本文链接：https://blog.csdn.net/gzy727764907/article/details/41749693

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
  function paixi(){
		 var zongpai = new Array();
		 zongpai[0]=['全部'];
		 zongpai[1]=['全部','安庆市','合肥市','滁州市','阜阳市','六安市'];
		 zongpai[2]=['全部','南京市','镇江市'];
		 zongpai[3] =['全部','杭州市','余姚'];
		 var pIndex=document.getElementById("factions").selectedIndex; 
		 var newOption1;
		 //这个length是select里面有多少option
		 document.getElementById("sectarian").options.length=0;
		 //这个j是下标哦，不信你打印啊!
		 //new Option(str1,str2)
		 //<option  value="这里是str2">这里是str1</option>
		 for (var j in zongpai[pIndex]) 
		 { 
			 newOption1=new Option(zongpai[pIndex][j], zongpai[pIndex][j].replace("全部",""));
	         document.getElementById("sectarian").options.add(newOption1);
	     }
  }
</script>
</head>
<body οnlοad="paixi()">
          <div class="gd">
             <span class="f">
                 <select name="factions" id="factions"  οnchange="paixi()">
                      <option value="">全部</option>
                      <option value="安徽">安徽</option>
                      <option value="江苏">江苏</option>
                      <option value="浙江">浙江</option>
                 </select>
   			 </span> 
   		 </div>
         
  		<div class="gd">
             <span class="f">
                    <select name="sectarian" id="sectarian" class="validate[required] select" >
                    </select>
             </span> 
        </div>
</body>
</html>