js基础:Js 实现下拉列表和图片联动
|
admin
2010年8月18日 21:35
本文热度 4347
|
①写个Js 方法叫做ChangeImg
<script language="javascript" type="text/javascript">
function ChangeImg(id)
{
var userface = id;
document.getElementById("imgFace").src = "../images/userface/"+ userface.options[userface.selectedIndex].value+".jpg"
}
</script>
②body里面的内容
<select name="userface" size="1" onchange="ChangeImg(this)" runat="server">
<option value="01" >01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
</select> <img ID="imgFace" runat="server" class="face" src="../images/userface/01.jpg" />
该文章在 2010/8/18 21:35:39 编辑过