javascript内容改变（change）事件

不问匆匆

于 2019-05-08 21:33:42 发布

阅读量8.7k

点赞数

分类专栏：新手文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_44830974/article/details/89976387

版权

新手专栏收录该内容

40 篇文章

订阅专栏

<!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>