选择不同的年份,显示不同的图片,如下图所示:怎么实现?希望给一个例子
解决方案 »
- JSP 传参数给TimerTask
- 求救!!!Unsupported syntax for refreshRow()
- 毕业设计
- 如何实现struts ActionErrors数量控制
- *****快来帮帮忙!!菜鸟问题*****
- 【用jxl读取excel表里的数据,当读到特殊字符的时候,得到的是乱码】
- 欢迎下载软件工程环境(SEE)的源码和文档。GPL免费项目.servlet + xml
- ############狂送分,附带一个小问题###########
- 为什么我的Apache不可以解释jsp页面!!!
- 如何如何配置resin后能在ie里打www.xx.com显示,现在只能打127.0.0.1/index.jsp显示
- MyEclipse 中 jsp页面编译报错问题。
- 求教:tomcat 的 perm gen设置
一个下拉菜单,可以选年份 2010年、2011年、2012年,选不同的年份
点击显示按钮,显示不同的图片;
2010年对应2010.jpg
2011年对应2011.jpg
2012年对应2012.jpg
显示图片的时候,不需要弹出新窗口,就在本页面显示。
网页打开时默认显示2012.jpg
请问怎么实现??
年<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>
<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,经过测试通过!
试过可以。
<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这样就可以。
记得给分哦。嘿嘿!
正常来说,这种都是需要报表统计的,动态生成的。
如果2012-01月,那你对应的图片的名称就2012-01.gif就OK了,同样的逻辑!
嗯,现在问题解决了。
谢谢各位!
谢谢xingfuzhuzi1314 !