你可以使用 JavaScript 来实现这个功能。以下是一个示例代码:
<!DOCTYPE html>
<html>
<body>
<form>
<select id="mySelect" onchange="changeOpacity()">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</form>
<img id="myImage" src="image.jpg" style="opacity: 1;">
<script>
function changeOpacity() {
var select = document.getElementById("mySelect");
var value = select.value;
if (value == 1) {
document.getElementById("myImage").style.opacity = 0.5;
} else if (value == 2) {
document.getElementById("myImage").style.opacity = 0.7;
} else if (value == 3) {
document.getElementById("myImage").style.opacity = 1;
}
}
</script>
</body>
</html>
在这个示例中,我们使用 onchange
事件来监听选择框的变化。当选择框的值发生变化时,我们会调用 changeOpacity
函数。在 changeOpacity
函数中,我们根据选择框的值来设置图像的不透明度。