到我们玩腾讯游戏的时候，会有很多选择，比如选择什么区，什么人物等。下面简单制作腾讯游戏选择。
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta content="EditPlus®"> <meta content=""> <meta content=""> <meta content=""> <title>纸牌游戏</title> <style type="text/css"> #div{width:450px;height:134px;border:1px solid #fff} </style> </head> <body> <center> <div> <img src="https://www.jb51.net/images/banner.jpg" alt=""> </div> <div> <p>请选择游戏类别:<select onChange="ck()" > <option>--游戏分类--</option> </select></p> <p>请选择游戏名称:<select> <option>--游戏名称--</option> </select></p> <p><input type="image" src="https://www.jb51.net/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>
以上所述就是本文的全部内容了，希望大家能够喜欢。
您可能感兴趣的文章: