javascript實現仿騰訊遊戲選擇_javascript技巧
- WBOY原創
- 2016-05-16 15:59:041169瀏覽
到我們玩騰訊遊戲的時候，會有很多選擇，例如選擇什麼區，什麼人物等。下面簡單製作騰訊遊戲選擇。
<!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>
以上所述就是本文的全部內容了，希望大家能夠喜歡。
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn