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

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

这是“菜单”的HTML

红色
蓝色
绿色
黄色的
粉红色

试试看

---

演示：

你应该真正展示你的尝试。最简单的方法是添加到

select

元素

onchange=“getElementById（'The_div'）。style.backgroundColor=value；”

。不过，我不一定建议在处理程序属性中放入那么多代码。

   <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>

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

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