js中onchange事件举例用法

最新推荐文章于 2024-08-20 10:31:33 发布

张三顺

最新推荐文章于 2024-08-20 10:31:33 发布

阅读量2.1w

点赞数 2

分类专栏： # javascript

本文链接：https://blog.csdn.net/starry7953810/article/details/74451953

版权

javascript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>举例示范onchange事件使用方法</title>
	</head>
	<body>
		
		<!--onchange 事件会在内容改变时发生。-->
		<!--新建一个下拉菜单 更换可以跳转到其他页面-->
		<select name="" οnchange="on()" id="1">
			<option value="http:\\www.baidu.com" >百度</option>
			<option value="http:\\www.163.com">网易</option>
			<option value="http:\\www.qq.com" >腾讯</option>
		</select>

		<script type="text/javascript">
			function on(){
				var url=document.getElementById("1").value;
				//window.location.href=url;
				window.open(url);
			}
		</script>
	</body>
</html>