用javascript实现当页面加载出来时显示默认的图片,但用户可以在下拉列表框中选择更换图片
展开全部
//路径自己把控一下
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<img alt="an image" id="imgResult" src="">
<select id="imgList" onchange="changeImg(this.value)">
<option class="img">a.jpg</option>
<option class="img">b.jpg</option>
<option class="img">c.jpg</option>
<option class="img">d.jpg</option>
</select>
<script type="text/javascript">
//如果要以下拉列表中的第一个值作默认值就加这行。
document.getElementById("imgResult").src=document.getElementById("imgList").value;
//select改变事件触发处理方法
function changeImg(imgPath)
{
document.getElementById("imgResult").src=imgPath;
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
select改变时更新图片的src地址了
追问
我不知道图片的地址应该写在哪
追答
function changeSrc(){
document.getElementById('imgObj').src = "b.png";;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
