码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2016-10-11 21:27:34      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:

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版)

标签:

原文地址:http://www.cnblogs.com/fengmingyue/p/5950714.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!