首页 > 代码库 > JavaScript案例六:简单省市联动(NBA版)

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>

运行示意:

技术分享

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