如何在更改第二个选择选项时使用不同的属性

<select id="firstSelect">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<select id="secondSelect">
  <option value="optionA">Option A</option>
  <option value="optionB">Option B</option>
  <option value="optionC">Option C</option>
</select>

const firstSelect = document.getElementById('firstSelect');
const secondSelect = document.getElementById('secondSelect');

firstSelect.addEventListener('change', function() {
  const selectedValue = firstSelect.value;

  // 根据选择的值来设置第二个选择框的属性
  if (selectedValue === 'option1') {
    secondSelect.setAttribute('disabled', 'disabled');
  } else if (selectedValue === 'option2') {
    secondSelect.removeAttribute('disabled');
    secondSelect.setAttribute('required', 'required');
  } else if (selectedValue === 'option3') {
    secondSelect.removeAttribute('disabled');
    secondSelect.removeAttribute('required');
  }
});