图片的显示问题，大家都来看看！！！

Question

各位高手：
    小弟有一个问题：大家都见过一些论坛上回复帖子的时候，可以随个人的喜好在左边表格中选择特定的表情图片，然后在右边文本框中显示，不知是怎么实现的，请各位赐教，谢谢！！！！

Answer 1

在选择的图标上点击后 给文本框内增加一段html入<img src=xxx.gif>
用javascript

Answer 2

js代码：
document.images['face'].src= "xxx.gif"img的html代码：
<img id=face src="Images/userface/image1.gif" width="120" height="120">

Answer 3

可以通过脚本实现
<script language="javascript">
<!--
     function changeImage(num)
     { 
           document.getElementById('number').value=num;//后台方法可以获取这个值放数据库中去
  document.getElementById('showImage').src='face/'+num+'.gif';
     }
     function changeImage1(oForm,iTemp)
    { 
with (oForm)
{
     oForm.number.value=iTemp;
     oForm.showImage.src="face/" + iTemp +".gif";
}
     }
    // -->
</script>
下面调用上面的脚本实现,换表情图片功能[注:两个javascript函数都可以用的,选其中就可以]
<select name="imageList" id="imageList" onchange="changeImage(this.value);">
<option value="0" selected>0</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>
</select><input type="hidden" name="number" size="3" id="number" value="0">[表情库]&nbsp;&nbsp;&nbsp;<img alt="表情" src="face/0.gif" id="showImage">