javascript - 从下拉菜单中选择事件 - 仅限 Javascript

Question

我已经尝试了一百种方法，需要一些帮助才能开始。我确实看过其他人的问题和答案，但无法使用其中的任何一个并让它们发挥作用。我有一个下拉菜单。我需要创建一个事件，为下拉菜单中的每个选项更改 div 中的颜色。代码如下，我只需要使用 Javascript 而不是 JQuery。

这是“菜单”的 HTML

   <select name="colorBlog" id="colors">
<option value = "Red">Red</option>
<option value = "Blue">Blue</option>
<option value = "Green">Green</option>
<option value = "Yellow">Yellow</option>    
<option value = "Pink">Pink</option>
</select>

Answer 1

尝试

function changecolor() {
    document.getElementById('mydiv').style.color = colors.value
}

var colors = document.getElementById('colors');
colors.addEventListener('change', changecolor);
changecolor();

演示：小提琴