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>
以上所述就是本文的全部内容了,希望大家能够喜欢。
热文精选
更多资讯推荐
更多- Stable Diffusion 2.0 发布,加强成人内容过滤
- .NET 7 正式发布
- A3Mall 开源商城系统 v2.1 发布
- FydeOS v14 版本更新:优化输入法体验+重构安卓子系统+全新应用启动器
- ThinkPHP V6.0.8版本发布——多环境变量配置支持
- 毕昇 JDK 8u292、11.0.11 发布!
- KubeVela 1.0:开启可编程式应用平台的未来
- Eclipse 4.19 稳定版发布
- 阿里巴巴 Arthas 3.5.0 版本发布,支持反编译打印行号和统一鉴权
- Debian 11 Bullseye 即将进入冻结,Debian 13 代号 Trixie
- Rancher 2.5 发布,新增支持边缘集群的 GitOps
- FlashDB IoT 超轻量级嵌入式数据库