Javascript 使用JS和CSS更改DIV颜色的下拉选择器

我需要的是一个简单的颜色选择器，最多6-8种颜色，这样用户就可以为将要输入日历的事件选择一种颜色

我已经测试了几个jQueryColoPicker插件，但没有一个在我的项目中运行良好

它们要么像Farbtastic一样太复杂，要么很简单，但不能在最新版本的jQuery上运行

所以我决定提供一个很好的下拉菜单和一个颜色列表

<select id="evt_color"> 
<option value="#3366CC">Blue</option> 
<option value="#E070D6">Fuchsia</option> 
<option value="#808080">Gray</option> 
<option value="#4bb64f">Green</option> 
<option value="#ed9d2b">Orange</option> 
<option value="#FF9CB3">Pink</option> 
<option value="#EA4A4A">Red</option> 
</select>

这很有效。但是在提交表单之前，我想给用户一些关于他们选择颜色的反馈

我想知道我们是否可以在下拉列表旁边创建一个小的方形DIV，并通过getElementById或其他方法将其背景颜色更改为选定颜色的值。默认情况下，第一种颜色将被选择为蓝色

有人对此有什么建议吗？欢迎jQuery或原始JS建议

谢谢你的帮助

$(document).ready(function() {
    $("#evt_color").change(function() {
        $("#someDiv").css("background-color", $(this).val());
    }).change(); // trigger change event so div starts out with a colour
                 // on page load
});

---

非常感谢你把这个放在一起-这是一个非常好的小代码。好的，你给出了一个很好的答案，但是你能不能添加一个信息，说明如何让每个访问者记住这个选择？实际上，我希望用户能够更改几个div的背景颜色，但这样可以在整个博客中记住这些颜色，也就是说，在打开另一篇文章或页面时，他们不必更改颜色。你能帮个忙吗？谢谢