如何根据用户选择的HTML选项更改select的背景色？

<select id="mySelect">
  <option value="red">红色</option>
  <option value="green">绿色</option>
  <option value="blue">蓝色</option>
</select>

var selectElement = document.getElementById("mySelect");

selectElement.addEventListener("change", function() {
  // 在这里编写代码来更改select的背景色
});

selectElement.addEventListener("change", function() {
  var selectedColor = selectElement.value;
  // 在这里根据选中的颜色值来更改select的背景色
});

selectElement.addEventListener("change", function() {
  var selectedColor = selectElement.value;
  selectElement.style.backgroundColor = selectedColor;
});