从下拉菜单中选择事件 - 仅限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();

演示：Fiddle