如何在角度选择下拉列表中交替行

<select id="angleSelect">
  <option value="0">0°</option>
  <option value="90">90°</option>
  <option value="180">180°</option>
  <option value="270">270°</option>
</select>

// 获取下拉列表元素
var angleSelect = document.getElementById("angleSelect");

// 监听下拉列表的change事件
angleSelect.addEventListener("change", function() {
  // 获取当前选中的选项的值
  var selectedValue = angleSelect.value;

  // 根据选中的值设置交替行样式
  if (selectedValue === "0" || selectedValue === "180") {
    angleSelect.classList.remove("alternate-row");
  } else {
    angleSelect.classList.add("alternate-row");
  }
});

.alternate-row option:nth-child(even) {
  background-color: #f2f2f2;
}