请教jsp实现动态显示图片

现在jsp网页上实现这样的功能:
一个下拉菜单对应值1、2、3;
如果下拉菜单选1,点击显示按钮,显示1.JPG图片;
下拉菜单选2,点击显示按钮,显示2.JPG图片;
下拉菜单选3,点击显示按钮,显示3.JPG图片;
图片都放在同一个文件夹里面
知道的大哥们麻烦赐教,最好给一个例子,谢谢啦~~

点击显示时显示图片:
<select id="sel">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<img src="#" id="img" />
<input type="button" value="显示" onclick="show();" />
<script type="text/javascript">
function show(){
var index = $("#sel").attr("selectedIndex");
$("#img").attr("src","your path"+(index+1)+".jpg");
}
</script>

如果是想切换select框时显示,那么用onchange事件~
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-03-22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<select id="sel" onchange="show();">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<img src="#" id="img" />
<input type="button" value="显示" onclick="show();" />
<script type="text/javascript">
function show(){
var index = document.getElementById("sel").value;
document.getElementById("img").src=document.getElementById("sel").value+".jpg";

}
</script>
</body>
</html>本回答被网友采纳
第2个回答  2012-12-01
按钮应该是buttion,使用js,点击按钮时调用js。

请教jsp实现动态显示图片
点击显示时显示图片: 1 2 3 function show(){ var index = $("#sel").attr("selectedIndex");("#img").attr("src","your path"+(index+1)+".jpg");} 如果是想切换select框时显示,那么用onchange事件~

请教如何用jsp实现往textarea表情图片
本人想用jsp实现往textarea加入表情图片的功能 有这样一段代码 <TEXTAREA NAME="" ROWS="6" COLS="40" id="aaa"> aaa <\/TEXTAREA> <SCRIPT LANGUAGE="JavaScript"> <!-- function doBtnClick() { aaa.appendChild(document.getElementById("a");} \/\/--> <\/SCRIP...

请教高手 *.jsp 文件如何自动(动态)转换成*.html 或者*.html 而不...
给你个思路,一般情况下你在网上看到的动态更新内容的静态页面都是后台生成的,这需要一个模板文件,将需要显示的新闻填充进去生成一个静态文件,并将文件名作为链接更新到主页上,同样的道理,主页也是一个模板,根据需要你可能需要一个数据表保存生成的静态文件与数据之间的关联关系。这样做的好处是比如门...

jsp动态网页中如何使用消息对话框?
<td onClick="javascript:if(confirm('真的要删除')) location='BookDelete.jsp?id=<%= id%>';">删 你试试,应该行的.嘿嘿.有事可以给我留言.

请教一下,我没有一点网页方面的知识,可以说一点不懂。但是我想建立一...
没人点拨自己悟那就因人而异了。我用了一个月。能熟练做一个网页后可以学asp活着jsp之类的脚本语言实现动态生成网页。也可以不学,就专攻网页的设计制作,学一点javascript脚本需要。其实做网页一点都不难,会word会点photoshop有美感就是个好的网页设计师,勤动手多实践,你一定行的,我看好你哦 ...

请教高手 我只要手动存储图片到数据库,不用代码,请问如何? 要求一路径...
如果是VB,或者jsp,俺就会其他的抱歉。。。

关于动态更改img src的问题?
这要看你的js文件与当前页面文件是否在同一目录,不是的话路径就会有问题。js文件中的路径是 admin.jpg 这个图片文件相对于js文件所在目录的路径,而html中的路径则是图片文件相对于页面文件(htm或jsp)所在目录的路径。

我有个问题想请教
在设计网页界面时,我们通常会使用Photoshop。它不仅是一款图像处理软件,还具备强大的切片工具,能够将设计好的界面图切割成适合网页显示的多个部分。这些切片可以保存为Web格式,然后在Dreamweaver中打开,进行更精细的编辑和布局调整。对于网页中的动态交互功能,如留言、新闻发布、论坛等,我们通常会使用服务...

jsp页面连接数据库(如MySQL)动态生成可操作的表格
1 连接mysql,动态生成表格,这个动态的含义不是很明确,目前网上关于使用JDBC连接mysql数据库的文章很多,我就不复制粘贴了,请你百度一下,一大把。2 点击或者是移动到某行,高亮显示。这里提供一个方法,在标签tr里加上onMouseOver和onMouseOut事件,配合js(或者jquery)修改css即可实现移动到某行高亮,...

请教:用jsp做商城页面,点击商品图片进入该商品的详细页面,应该怎么实现...
数据库里面放一张表,里面数据是60多本书,以及每本书的详细信息,创建时间,价钱,作者之类的。然后页面上点击商品图片,加个链接,form表单提交或者ajax局部刷新,或者jquery提交到action,将书名传到action,action获取到书名,查询数据库相关信息,然后存起来传到新页面,新页面上显示下就ok了。

相似回答