javascript实现仿腾讯游戏选择

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

<！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="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" onChange="ck（）" > <option>--游戏分类--</option> </select></p><p>请选择游戏名称:<select id="youxi"> <option>--游戏名称--</option> </select></p> <p><input name="" type="image" src="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>

以上所述就是本文的全部内容了，希望大家能够喜欢。