[求助]图片动态显示问题 - ASP

爱随缘

电梯直达

1^#

发表于 2010-1-8 07:22:20 | 只看该作者回帖奖励

|倒序浏览 |阅读模式

图片动态显示问题

我做了一个就是注册用户是动态显示图片的程序，可是运行结果确实只有一个图片显示了，就是那个默认的图片，别的图片都不显示，请高手指教啊，代码如下：<script language="javascript">
function showimage()
{
document.images.tus.src="face/"+document.form.p1.options[document.form.p1.selectedindex].value+""+document.form.p2.options[document.form.p2.selectedindex].value+".gif";
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<label></label>
<form id="form2" name="form2" method="post" action="">
<label></label>
<label>
<select name="p1" size="1" onchange="showimage()">
<option value="m" selected="selected">男</option>
<option value="w">女</option>
</select>
</label>
<label>
<select name="p2" size="1" onchange="showimage()">
<option value="01" selected="selected">酷象1</option>
<option value="02">酷象2</option>
<option value="03">酷象3</option>
<option value="04">酷象4</option>
</select>
</label>
<img src="face/m01.gif" name="tus" alt="请选择上面的“性别”和“表情”更换头像" align="left">
</form>

收藏0

使用道具举报

芯頽廢.。﹖

2^#

发表于 2010-1-8 07:22:23 | 只看该作者

document.images.tus.src换成this.tus.src或者最保险的方法
<img src="face/m01.gif" id="tus" alt="请选择上面的“性别”和“表情”更换头像" align="left">
function showimage()
{
var tusA=document.getElementById("tus");
tusA.src="face/"+document.form.p1.options[document.form.p1.selectedindex].value+""+document.form.p2.options[document.form.p2.selectedindex].value+".gif";
}

回复支持反对

使用道具举报

没心没肺

3^#

发表于 2010-1-8 07:22:25 | 只看该作者

郁闷的要死啊，怎么一会可以动态显示，一会就又成了一个图片不会动了，这到底是怎么了啊？

回复支持反对

使用道具举报

藤蘿下的陽光

4^#

发表于 2010-1-8 07:22:28 | 只看该作者

我按你说的改了，可是还是只显示默认的那个，选择没有什么效果啊！郁闷！

回复支持反对

使用道具举报

Оo水流影在.

5^#

发表于 2010-1-8 07:22:31 | 只看该作者

这里错误：

function showimage()
{
document.images.tus.src="face/"+document.form.p1.options[document.form.p1.selectedindex].value+""+document.form.p2.options[document.form.p2.selectedindex].value+".gif";
}

改为：

function showimage()
{
document.images.tus.src="face/"+document.form2.p1.options[document.form2.p1.selectedIndex].value+document.form2.p2.options[document.form2.p2.selectedIndex].value+".gif";
}

注意：

你是对表单form2进行操作，那么对象便是form2。

javascript是区分大小写的，请注意代码书写！

回复支持反对

使用道具举报

紫禁之颠

6^#

发表于 2010-1-8 07:22:34 | 只看该作者

哈哈，可以了，可能就像你说的，我把大小写没有区分好！谢谢

回复支持反对

使用道具举报

Forever紫月

7^#

发表于 2010-1-8 07:22:37 | 只看该作者

onchange="showimage()"

改为：

onChange="tus.src=p1.value"

---------------------------------------------------------------------------

<option value="01" selected="selected">酷象1</option>
<option value="02">酷象2</option>
<option value="03">酷象3</option>
<option value="04">酷象4</option>

改为：

<option value="face/m01.gif" selected="selected">酷象1</option>
<option value="face/m02.gif">酷象2</option>
<option value="face/m03.gif">酷象3</option>
<option value="face/m04.gif">酷象4</option>