<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<select name="" id="slt">
<option value="images/1.jpg">images/1.jpg</option>
<option value="images/3.jpg">images/3.jpg</option>
<option value="images/6.jpg">images/6.jpg</option>
<option value="images/5.jpg">images/5.jpg</option>
</select><br>
<img src="images/1.jpg" alt="" id="pho">
<script type="text/javascript">
//页面加载事件
window.onload=function(){
var os=document.getElementById('slt');
var oImg=document.getElementById('pho');
//内容改变事件
os.onchange=function(){
oImg.src=this.value;
};
};
</script>
</body>
</html>
javascript内容改变(change)事件
猜你喜欢
转载自blog.csdn.net/weixin_44830974/article/details/89976387
今日推荐
周排行