新手请教一个显示图片的问题
现在jsp网页上实现这样的功能:一个下拉菜单对应值1、2、3;
如果下拉菜单选1,点击显示按钮,显示1.JPG图片;
下拉菜单选2,点击显示按钮,显示2.JPG图片;
下拉菜单选3,点击显示按钮,显示3.JPG图片;
知道的大哥们麻烦赐教。谢谢啦~~
搜索更多相关主题的帖子:
菜单 图片 网页
----------------解决方案--------------------------------------------------------
JS实现 点击按钮 时通过判断select 选项的值 来显示图片
----------------解决方案--------------------------------------------------------
能给一个列子么??谢谢
----------------解决方案--------------------------------------------------------
为了方便 我先用JQUERY来写
程序代码:
//javascript代码
function pic(){
if($('#slt').val()==1){
$('#img').attr('src',"图片地址");
}
if($('#slt').val()==2){
$('#img').attr('src',"图片地址");
}......
}
function pic(){
if($('#slt').val()==1){
$('#img').attr('src',"图片地址");
}
if($('#slt').val()==2){
$('#img').attr('src',"图片地址");
}......
}
程序代码:
//页面
<select id='slt'>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<input type="button" onclick='pic()'/>
<img src="" id="img" />
<select id='slt'>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<input type="button" onclick='pic()'/>
<img src="" id="img" />
----------------解决方案--------------------------------------------------------
谢谢hhwz,如果我的显示代码如下:
程序代码:
<%@ page errorPage="/common/errorPage.jsp" %>
<%@ page import="java.io.*" %>
<%@ page import="java.util.*" %>
<%@ page import="java.sql.*" %>
<%@ page import="com.tjsoft.util.log.*"%>
<%@ page import="com.tjsoft.jc.constant.*"%>
<!--本页面用到的类包-->
<%@ page import="com.tjsoft.jc2.bl.pub.CountBean"%>
<%@ page import="com.tjsoft.jc.datawai.*"%>
<%@ page import="com.tjsoft.jc.appwai.vote.*"%>
<%@ page import="com.tjsoft.jc.appwai.index.*"%>
<%@ page import="com.tjsoft.jc2.po.*"%>
<%@ page import="com.tjsoft.jc.datawai.CPermissionitem"%>
<%@ page import="com.tjsoft.util.CEncodeSwitch"%>
<%@ page import="com.tjsoft.util.CHtmlEncode"%>
<%@ include file="/include/jsp/tjwPCommon.jsp" %>
<%@ page import="com.tjsoft.jc.data.CDepartment"%>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<jsp:useBean id="permissionitem" scope="request" class="com.tjsoft.jc.appwai.permissionitem.CPermissionControl" />
<jsp:useBean id="department" scope="request" class="com.tjsoft.jc.appwai.manager.CDepartmentControl" />
<html>
<head>
<title>aaaaa</title>
<SCRIPT language="javascript">
function chkUser(){
if($('#years').val()==2010 && $('#months').val()==1){
var img= "/img-test/1.jpg";
}
if($('#years').val()==2010 && $('#months').val()==2){
var img= "/img-test/2.jpg";
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
@import url("/images/index.css");
-->
</style></head>
<body style="overflow-x:hidden" bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
</table>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=290
align=center>
<TBODY>
<TR>
<TD height=40 background=img-test/tu11.jpg
align=right> 年<SELECT id=years name=years>
<OPTION selected value=2012>2012</OPTION> <OPTION
value=2011>2011</OPTION> <OPTION
value=2010>2010</OPTION></SELECT> 月 <SELECT id=months
name=months> <OPTION selected value=9>9</OPTION>
<OPTION value=1>1</OPTION> <OPTION value=2>2</OPTION>
<OPTION value=3>3</OPTION> <OPTION value=4>4</OPTION>
<OPTION value=5>5</OPTION> <OPTION value=6>6</OPTION>
<OPTION value=7>7</OPTION> <OPTION value=8>8</OPTION>
<OPTION value=10>10</OPTION> <OPTION
value=11>11</OPTION> <OPTION
value=12>12</OPTION></SELECT>
<INPUT onclick=chkUser(); value=查找 type=button>
</TD></TR></TBODY></TABLE>
<TABLE
width=400 height="285" border=0 align=center cellPadding=0 cellSpacing=0 class=kuang>
<TBODY>
<TR>
<TD height=193>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="93%"
align=center height=196>
<TBODY>
<TR>
<TD vAlign=top>
<TABLE class=codeview border=0 cellSpacing=2
cellPadding=0 width="98%" align=center>
<TBODY>
<TR>
<TD onmouseover=r(this) onmouseout=w(this)
width=350>
<DIV id=first><IMG
style="BORDER-BOTTOM-COLOR: white; BORDER-TOP-COLOR: white; BORDER-RIGHT-COLOR: white; BORDER-LEFT-
COLOR: white"
src=<% img %>
width=400 height=260> </DIV>
<DIV
id=sea>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE><!-- start11 -->
</body>
</html>
----------------解决方案--------------------------------------------------------
<%%>脚本的么。。
src=<% img %>
这种的话要提交处理页面处理在返回的时后可以这样写的
<%=img %>好像是这样的吧 好久不用这种脚本了
----------------解决方案--------------------------------------------------------
用其他方式也行,只要能根据年月条件,显示不同的图片就可以了。
----------------解决方案--------------------------------------------------------
$('#img').attr('src',"图片地址");
<img src="" id="img" />还是用这个
----------------解决方案--------------------------------------------------------
学java有一段时间了,但是还是没有入门,教材都看不懂。哎 老师讲的也听不懂,怎么办 ,非常想学好它。
----------------解决方案--------------------------------------------------------
理解是最重要的
----------------解决方案--------------------------------------------------------