none
新手JS一个特效 小问题! RRS feed

  • 问题

  • <html>
    <head>
    <title>下拉选项游戏图片切换</title>
    <script language="javascript">
    function onchange()
    {
     varpIndex=document.myform.game.value; //根据游戏名称 获得对应数组的索引标识符
     


    }
    </script>
    </head>
    <body>
    <form name="myform">
    <select name="game" onchange="">
    <option selected="selected">--请选择一个游戏--</option>
    <option>大海战2</option>
    <option>大话西游</option>
    <option>热血江湖</option>
    <option>大航海时代</option>
    </select>
    <div id="objdiv" align="center">
    <img src="pic1.jpg">
    <img src="pic2.jpg">
    <img src="pic3.jpg">
    <img src="pic4.jpg">
    </div>
    </form>
    </body>
    </html>
    我要实现的 功能是 当选择一个下拉列表中的游戏名称的时候 BODY 部分我定义了DIV层用来存放
    相应游戏图片 当选择了游戏名称的时候 DIV部分显示出相应的 游戏图片!
    希望 大家能 指导一下那个函数该怎么写 或者 说一下 实现功能的思想  谢谢! 谢谢!


    __從此[好好]苼活 心碎乌托邦__________旣嘫説婹閞始,
    2009年3月3日 10:13

答案

  •  
    <html> 
    <head> 
    <title>下拉选项游戏图片切换</title> 
    <script language="javascript">  
    function changeImg(s)  
    {  
    if(s.options[s.selectedIndex].value=="")  
    {  
     alert("请选择一个游戏")  
     return;  
    }  
    document.getElementById("oImg").src=s.options[s.selectedIndex].value  
    }  
    </script> 
    </head> 
    <body> 
    <form name="myform">  
    <select name="game" onchange="changeImg(this)">  
    <option selected="selected">--请选择一个游戏--</option> 
    <option value="pic1.jpg">大海战2</option> 
    <option value="pic2.jpg">大话西游</option> 
    <option value="pic3.jpg">热血江湖</option> 
    <option value="pic4.jpg">大航海时代</option> 
    </select> 
    <div id="objdiv" align="center">  
    <img id="oImg" /> 
    </div> 
    </form> 
    </body> 
    </html> 
     
     

    孟宪会
    2009年3月3日 12:24
    版主

全部回复

  •  
    <html> 
    <head> 
    <title>下拉选项游戏图片切换</title> 
    <script language="javascript">  
    function changeImg(s)  
    {  
    if(s.options[s.selectedIndex].value=="")  
    {  
     alert("请选择一个游戏")  
     return;  
    }  
    document.getElementById("oImg").src=s.options[s.selectedIndex].value  
    }  
    </script> 
    </head> 
    <body> 
    <form name="myform">  
    <select name="game" onchange="changeImg(this)">  
    <option selected="selected">--请选择一个游戏--</option> 
    <option value="pic1.jpg">大海战2</option> 
    <option value="pic2.jpg">大话西游</option> 
    <option value="pic3.jpg">热血江湖</option> 
    <option value="pic4.jpg">大航海时代</option> 
    </select> 
    <div id="objdiv" align="center">  
    <img id="oImg" /> 
    </div> 
    </form> 
    </body> 
    </html> 
     
     

    孟宪会
    2009年3月3日 12:24
    版主
  • 孟宪会 说:

     

    <html> 
    <head> 
    <title>下拉选项游戏图片切换</title> 
    <script language="javascript">  
    function changeImg(s)  
    {  
    if(s.options[s.selectedIndex].value=="")  
    {  
     alert("请选择一个游戏")  
     return;  
    }  
    document.getElementById("oImg").src=s.options[s.selectedIndex].value  
    }  
    </script> 
    </head> 
    <body> 
    <form name="myform">  
    <select name="game" onchange="changeImg(this)">  
    <option selected="selected">--请选择一个游戏--</option> 
    <option value="pic1.jpg">大海战2</option> 
    <option value="pic2.jpg">大话西游</option> 
    <option value="pic3.jpg">热血江湖</option> 
    <option value="pic4.jpg">大航海时代</option> 
    </select> 
    <div id="objdiv" align="center">  
    <img id="oImg" /> 
    </div> 
    </form> 
    </body> 
    </html> 
     
     

    孟宪会



    学习
    2009年3月4日 5:28
  •   稍微有一小点 不太明白 新手啊 ! 呵呵
    __從此[好好]苼活 心碎乌托邦__________旣嘫説婹閞始,
    2009年3月4日 6:30