JavaScript 下拉列表示例:更改背景颜色
以下是一个简单的 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() 函数,并将选项的值作为参数传递给它。然后,该函数将页面的背景颜色设置为该值。
原文地址: https://www.cveoy.top/t/topic/lVrn 著作权归作者所有。请勿转载和采集!