以下是一个简单的 JavaScript 代码,用于创建下拉列表:

<!DOCTYPE html>
<html>
<head>
	<title>下拉列表示例</title>
	<script>
		function changeColor() {
			var color = document.getElementById('colors').value;
			document.body.style.backgroundColor = color;
		}
	</script>
</head>
<body>
	<h1>下拉列表示例</h1>
	<label for='colors'>选择背景颜色:</label>
	<select id='colors' onchange='changeColor()'>
		<option value='white'>白色</option>
		<option value='red'>红色</option>
		<option value='blue'>蓝色</option>
		<option value='green'>绿色</option>
		<option value='yellow'>黄色</option>
	</select>
</body>
</html>

这个 JavaScript 代码创建了一个下拉列表,用于选择不同的背景颜色。当用户选择一个选项时,它会调用 changeColor() 函数,并将选项的值作为参数传递给它。然后,该函数将页面的背景颜色设置为该值。

JavaScript 下拉列表示例:更改背景颜色

原文地址: https://www.cveoy.top/t/topic/lVrn 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录