从下拉菜单中选择事件-仅Java语言

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();

演示： 小提琴