如何使用类选择器根据其同级select的更改事件更新标签

<select class="my-select">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<div class="my-label">This is a label</div>

.my-label {
  /* 标签的初始样式 */
}

.my-select option:checked ~ .my-label {
  /* 根据select的更改事件更新标签的样式 */
}

const select = document.querySelector('.my-select');
const label = document.querySelector('.my-label');

select.addEventListener('change', function() {
  const selectedOption = select.options[select.selectedIndex].value;
  
  // 根据选中的选项更新标签的样式
  label.classList.remove('option1', 'option2', 'option3');
  label.classList.add(selectedOption);
});