JavaScript案例六：简单省市联动(NBA版)

JavaScript实现简单省市(NBA版)联动

<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript实现简单省市(NBA版)联动</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" >
        var arr=new Array(3);
        arr[0]=["骑士","詹姆斯","欧文","乐福","TT"];
        arr[1]=["勇士","库里","杜兰特","汤普森","格林"];
        arr[2]=["马刺","邓肯","吉诺比利","帕克","卡哇伊","阿尔德里奇"];
        function choose(value)
        {
            var s=document.getElementById("s1");
            var a=s.getElementsByTagName("option");
            for(var k=0;k<a.length;k++)//在选择一个新球队时，应该删除之前球队的球员
            {
                s.removeChild(a[k]);
                k--;     //数组在动态变化！
            }
            for(var i=0;i<arr.length;i++)
            {
                var temp=arr[i];
                if(value==temp[0])
                {
                    for(var j=1;j<temp.length;j++)
                    {
                        var op=document.createElement("option");
                        var te=document.createTextNode(temp[j]);
                        op.appendChild(te);
                        s.appendChild(op);
                    }
                }
            }
        }
    </script>
  </head>
  <body>
      <select onchange="choose(this.value)">
          <option>---请选择---</option>
          <option value="骑士">骑士</option>
          <option value="勇士">勇士</option>
          <option value="马刺">马刺</option>
      </select>
      <select id="s1"></select>
  </body>
</html>

运行示意：

posted @ 2016-10-11 20:42  凌晨。。。三点  阅读(288)  评论(0)  编辑  收藏  举报