动态级联菜单

最新推荐文章于 2022-10-22 15:43:56 发布

tjbklx33

最新推荐文章于 2022-10-22 15:43:56 发布

阅读量333

点赞数

分类专栏：技术存档文章标签： html function

本文链接：https://blog.csdn.net/tjbklx33/article/details/3942164

版权

技术存档专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Untitled Document</title>
  <script type="text/javascript">
   var shi1=[[1,0,"中国"],[2,0,"美国"],[3,0,"英国"]];
   var shi2=[[1,1,"山西"],[2,1,"山东"],[3,1,"河北"],[4,2,"洛杉矶"],[5,2,"华盛顿"],[6,3,"伦敦"]];
   var shi3=[[1,1,"山西1"],[2,1,"山西2"],[3,2,"山东1"],[4,2,"山东2"],[5,2,"山东3"],[6,6,"伦敦1"]];
   var all=[shi1,shi2,shi3];
   function b(id,aa){
    var flag=id-0+1;
    document.getElementById("s"+aa).options.length=1;
    for(var i=0;i<all[aa-1].length;i++){
     if (id == all[aa-1][i][1]) {
      var op = new Option(all[aa-1][i][2], i + 1);
      document.getElementById("s"+aa).options.add(op);
     }
    }
   }
  </script>
</head>
<body οnlοad="b(0,1)">
  <select id="s1" οnchange="b(this.value,2)">
   <option value=0>选择国家</option>
  </select>
  <select id="s2" οnchange="b(this.value,3)">
   <option value=0>选择省</option>
  </select>
  <select id="s3">
   <option value=0>选择市</option>
  </select>
</body>
</html>