1.javascript中写函数
<script type="text/javascript">
function ShowImage(page, tag) {
var i = 1;
var e;
var a;
while (e = document.getElementById(tag + i)) {
a = "image/" + i + ".jpg";
if (a == page)
e.style.display = 'block';
else
e.style.display = 'none';
i++;
}
}
</script>
2.在body里面写HTML代码
<%String i = "image/3.jpg";%>
<%String j = "image/2.jpg";%>
<%String k = "image/1.jpg";%>
<tr>
<td>头像:</td>
<td align="left">
<div style="display: block" id="image1">
<img src=<%=j%> width="70" height="77" />
</div>
<div style="display: none" id="image2">
<img src=<%=k%> width="70" height="77" />
</div>
<div style="display: none" id="image3">
<img src=<%=i%> width="70" height="77" />
</div>
</td>
<td><select name="head" οnchange="ShowImage(this.value, 'image');">
<option selected="selected" value=<%=i%>>头像一 </option>
<option value=<%=j%>>头像二</option>
<option value=<%=k%>>头像三</option>
</select></td>
</tr>
完成这些,就可以图片的路径传个servlet,servlet再存到数据库中,