下拉框修改div背景颜色

您可以使用JavaScript来实现下拉框修改div背景颜色的效果。具体实现步骤如下：

1. 在HTML中创建一个下拉框和一个div元素，如下所示：

<select id="colorSelector" onchange="changeColor()">
  <option value="red">Red</option>
  <option value="green">Green</option>
  <option value="blue">Blue</option>
</select>

<div id="colorDiv"></div>

2. 在JavaScript中定义一个函数来处理下拉框的onchange事件，获取所选颜色并修改div的背景颜色，如下所示：

function changeColor() {
  var colorSelector = document.getElementById("colorSelector");
  var selectedColor = colorSelector.options[colorSelector.selectedIndex].value;
  var colorDiv = document.getElementById("colorDiv");
  colorDiv.style.backgroundColor = selectedColor;
}

3. 可以根据需要在CSS中定义div的样式，例如设置宽度、高度等等，如下所示：

#colorDiv {
  width: 100px;
  height: 100px;
}

这样，当下拉框选项改变时，div的背景颜色也会随之改变。