Javascript语句请问：怎么动态显示图片
日期：2014-05-16 浏览次数：20401 次
Javascript语句请教：如何动态显示图片
我想让图片随着下拉框而改变，比如选下拉框的A，出现A图片；选B就出现B图片。
不能刷新网页。请教怎么做？
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="zourinet">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script language="JavaScript">
/* <![CDATA[ */
function pic(t)
{
document.all.sPic.src=t.value;
}
/* ]]> */
</script>
<BODY>
<form method="post" action="">
<div>
<select name="" onChange="pic(this)">
<option value='a'></option>
<option value='b'></option>
<option value='b'></option>
</select>
<img src='' id='sPic'/>
</div>
</form>
</BODY>
</HTML>
其中a,b,c 为图片的路径.
相对路径,绝对路径都可.
我想让图片随着下拉框而改变，比如选下拉框的A，出现A图片；选B就出现B图片。
不能刷新网页。请教怎么做？
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="zourinet">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script language="JavaScript">
/* <![CDATA[ */
function pic(t)
{
document.all.sPic.src=t.value;
}
/* ]]> */
</script>
<BODY>
<form method="post" action="">
<div>
<select name="" onChange="pic(this)">
<option value='a'></option>
<option value='b'></option>
<option value='b'></option>
</select>
<img src='' id='sPic'/>
</div>
</form>
</BODY>
</HTML>
其中a,b,c 为图片的路径.
相对路径,绝对路径都可.
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
