stimulus js 写一个下拉列表
以下是一个简单的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/Fsx 著作权归作者所有。请勿转载和采集!