到我们玩腾讯游戏的时候，会有很多选择，比如选择什么区，什么人物等。下面简单制作腾讯游戏选择。
<!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>
以上所述就是本文的全部内容了，希望大家能够喜欢。
以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索javascript
， 二级联动
下拉菜单
javascript技巧、javascript实现计算器、javascript底层实现、javascript实现分页、javascript实现ajax，以便于您获取更多的相关知识。
时间： 2024-12-27 01:07:39