您所在的位置:小祥子 » 编程 » JavaScript » 正文

制作腾讯游戏选择

时间:2015-05-13 编辑:祥龙技术博客园 来源:本站整理

到我们玩腾讯游戏的时候,会有很多选择,比如选择什么区,什么人物等。下面简单制作腾讯游戏选择。

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>纸牌游戏</title>
  <style type="text/CSS">
  #div{width:450px;height:134px;border:1px solid #fff}
  
  
  </style>
 </head>
 <body>
 <center>
  <div id="div">
  <img src="http://www.cnblogs.com/wlx520/p/images/banner.jpg" width="450" height="134" border="0" alt="">
  </div>
  <div style="width:450px;height:134px;border:1px solid #fff;background:#1C85B4">
  <p>请选择游戏类别:<select  id="lei"  >
  
  <option>--游戏分类--</option>
  
  
  </select></p>

    <p>请选择游戏名称:<select id="youxi">
  
  <option>--游戏名称--</option>
  
  
  </select></p>
      <p><input name="" type="image" src="http://www.cnblogs.com/wlx520/p/images/login.gif" /></p>
  </div>

 </body>
 <script type="text/javascript">
        

 var lei= document.getElementById("lei");
 var youxi= document.getElementById("youxi");

 //创建省市数组
 var List=new Array();
     
      List['纸牌游戏'] = ['斗地主','拖拉机','桥牌','拱猪','打百分'];
      List['棋类游戏'] = ['围棋','象棋','跳棋','西瓜棋','五子棋'];
      List['其他游戏'] = ['枪林弹雨','跑跑卡丁车','英雄联盟','CF','英雄三国'];


     for(var i in List){
        
        lei.add(new Option(i,i),null);
     }
        lei.onchange=function(){
        var lei= document.getElementById("lei").value;
        var youxi= document.getElementById("youxi");
        
        youxi.options.length=0;
        for(var k in List[lei]){
             youxi.add(new Option(List[lei][k],List[lei][k]),null);
            

    }
    
    
  }
  
</script>
</html>
关键词:腾讯 游戏 选择