A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 美好的时光海苔 中级黑马   /  2013-6-28 17:52  /  1860 人查看  /  8 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>腾讯游戏选择</title>
<style type="text/css">
body{
        margin:0;
        padding:0;
        font-size:14px;
        line-height:28px;
        font-weight:bold;
}
.main{
        width:450px;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        background-color:#1c85b4;
        color:#FFF;
        }
</style>
<script type="text/javascript">
var game = new Array( );
         game['纸牌游戏']=['斗地主', '拖拉机', '桥牌', '拱猪', '打百分'];
         game['棋类游戏']=['军棋', '跳棋', '五子棋', '围棋', '中国象棋', '国际象棋', '飞行棋', '黑白棋'];
         game['其他游戏'] = ['连连看', '俄罗斯方块', '麻将', '台球', '挑错'];
  function changeGame(){
     var gameType=document.getElementById("gameType").value;  //获取省份选项的值
         var gameList=document.getElementById("gameList");
         gameList.options.length=0; //清除selCity列表中的选项
        for (var i in game){
                if (i == gameType){
                for (var j in game[i]){
                                        gameList.add(new Option(game[i][j],game[i][j]),null);
                }
            }
       }
  }
function allGame(){
          var gameType=document.getElementById("gameType");
      for (var i in game){
                 gameType.add(new Option(i, i),null);
                }       
  }
    window.onload=allGame;
</script>
</head>

<body>
<div class="main"><img src="images/banner.jpg" alt="top" /></div>
<div class="main" style=" padding-bottom:10px;">
<form action="" method="post" name="myform">
请选择游戏类别:
<select id="gameType" onChange="changeGame( )" style="width:120px;">
      <option>--游戏分类--</option>
</select>
<br />请选择游戏名称:
<select id="gameList" style="width:120px;">
      <option>--游戏名称--</option>
</select>
<br />
<img src="images/login.gif" alt="login" style="margin:20px;" />
</form>
</div>
</body>
</html>

8 个回复

倒序浏览
。。有什么功能吖,,求注释,,我DW删了
回复 使用道具 举报
万琪 发表于 2013-6-28 18:50
。。有什么功能吖,,求注释,,我DW删了

好像是一个页面跟着2个下拉框, 就类似于我们常见的城市 还有省份的那个
回复 使用道具 举报
说白了就是大小类..
回复 使用道具 举报
我最讨厌的功能之一
回复 使用道具 举报
学习一下,感谢分享!
回复 使用道具 举报
没看出来由什么实际功能~
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马