请教jsp实现动态显示图片 20
现在jsp网页上实现这样的功能：一个下拉菜单对应值1、2、3；如果下拉菜单选1，点击显示按钮，显示1.JPG图片；下拉菜单选2，点击显示按钮，显示2.JPG图片；下拉菜单...
现在jsp网页上实现这样的功能：
一个下拉菜单对应值1、2、3；
如果下拉菜单选1，点击显示按钮，显示1.JPG图片；
下拉菜单选2，点击显示按钮，显示2.JPG图片；
下拉菜单选3，点击显示按钮，显示3.JPG图片；
图片都放在同一个文件夹里面
知道的大哥们麻烦赐教，最好给一个例子，谢谢啦~~ 展开
一个下拉菜单对应值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事件~
<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事件~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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>
<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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
按钮应该是buttion,使用js，点击按钮时调用js。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
