选择不同的年份,显示不同的图片,如下图所示:怎么实现?希望给一个例子

解决方案 »

  1.   

    补充一下:
    一个下拉菜单,可以选年份 2010年、2011年、2012年,选不同的年份
    点击显示按钮,显示不同的图片;
    2010年对应2010.jpg
    2011年对应2011.jpg
    2012年对应2012.jpg
    显示图片的时候,不需要弹出新窗口,就在本页面显示。
    网页打开时默认显示2012.jpg
    请问怎么实现??
      

  2.   

    用js或者jquery<body>
       年<select>
        <option value="2012.jpg">2010</option>
        <option value="2011.jpg">2011</option>
        <option value="2012.jpg">2012</option>
       </select>
       <input type="button" onclick="querySrcImg()"><br/>
       <img id="image" width="200px" />
    </body>js:<script type="text/javascript">     function querySrcImg(){
           var srcImg document.getElementById("selYear").value;
            document.getElementById("img").src =  srcImg;
         }  </script>
    jquery<script type="text/javascript">     $(document).ready(function(){
          $("input").click(function(){
            var srcImg = $("#selYear").val();
            $.get("#img").src=srcImg;
         
          });
         
         })  </script>
      

  3.   


    <html>
    <body>
    <div>
    <select name="year" id="year" onchange="change()">
    <option value="33">33</option>
    <option value="44">44</option>
    <option value="55">55</option> </select>
    </div>
    <div>
    <img id="image" src="D:/image/66.gif" alt="嘿嘿"></img>
    </div>
    </body>
    <script>
    function change(){
    var year=document.getElementById('year').value;
    alert(year);
    var image=document.getElementById("image");
    image.src="D:/image/"+year+".gif";
    }
    </script>
    </html>
    我这D盘的image文件下面有,33,44,55,66.gif,经过测试通过!
      

  4.   

    非常感谢 xingfuzhuzi1314 !!!
    试过可以。
      

  5.   

    楼主可以用纯jsp实现,如果设有查找按钮的话,数据从配置文件或DB中拉出来,缺点是每次者要刷新
      

  6.   

    根据 xingfuzhuzi1314 的方法,如果我想网页打开就自动显示默认的2012年图片,该如何处理呢?
      

  7.   

    在目标选项前面加个 selected
      

  8.   


    <html>
    <body onload="change()">
    <div>
    <select name="year" id="year" onchange="change()">
    <option value="33" selected>33</option>
    <option value="44">44</option>
    <option value="55">55</option> </select>
    </div>
    <div>
    <img id="image" src="D:/image/66.gif" alt="嘿嘿"></img>
    </div>
    </body>
    <script>
    function change(){
    var year=document.getElementById('year').value;
    alert(year);
    var image=document.getElementById("image");
    image.src="D:/image/"+year+".gif";
    }
    </script>
    </html>
    LZ这样就可以。
    记得给分哦。嘿嘿!
      

  9.   

    LZ,难道你的年,月对应的报表记录,都已经生成好图片,只提供查询了吗?
    正常来说,这种都是需要报表统计的,动态生成的。
    如果2012-01月,那你对应的图片的名称就2012-01.gif就OK了,同样的逻辑!
      

  10.   

    图片是生成好的,只显示图片就行了。
    嗯,现在问题解决了。
    谢谢各位!
    谢谢xingfuzhuzi1314 !