Javascript는 Tencent와 같은 게임 선택_javascript 기술을 구현합니다.-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

Javascript는 Tencent와 같은 게임 선택_javascript 기술을 구현합니다.

May 16, 2016 pm 03:59 PM

javascript 드롭다운 메뉴

텐센트 게임을 할 때는 어느 지역을 선택할지, 어떤 캐릭터를 선택할지 등 다양한 선택이 있을 것입니다. 다음은 Tencent 게임 선택을 생성하는 간단한 방법입니다.

&lt;!doctype html&gt;
&lt;html lang="en"&gt;
 &lt;head&gt;
 &lt;meta charset="UTF-8"&gt;
 &lt;meta name="Generator" content="EditPlus&reg;"&gt;
 &lt;meta name="Author" content=""&gt;
 &lt;meta name="Keywords" content=""&gt;
 &lt;meta name="Description" content=""&gt;
 &lt;title&gt;纸牌游戏&lt;/title&gt;
 &lt;style type="text/css"&gt;
 #div{width:450px;height:134px;border:1px solid #fff}
 &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;center&gt;
 &lt;div id="div"&gt;
 &lt;img src="images/banner.jpg" width="450" height="134" border="0" alt=""&gt;
 &lt;/div&gt;
 &lt;div style="width:450px;height:134px;border:1px solid #fff;background:#1C85B4"&gt;
 &lt;p&gt;请选择游戏类别:&lt;select id="lei" onChange="ck()" &gt;
 &lt;option&gt;--游戏分类--&lt;/option&gt;
 &lt;/select&gt;&lt;/p&gt;
  &lt;p&gt;请选择游戏名称:&lt;select id="youxi"&gt;
 &lt;option&gt;--游戏名称--&lt;/option&gt;
 &lt;/select&gt;&lt;/p&gt;
   &lt;p&gt;&lt;input name="" type="image" src="images/login.gif" /&gt;&lt;/p&gt;
 &lt;/div&gt;
 &lt;/body&gt;
 &lt;script type="text/javascript"&gt;
 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);  
  }
 }
&lt;/script&gt;
&lt;/html&gt;

로그인 후 복사

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.