根据所选值禁用(#)位于另一个组合框下方的组合框

<!-- HTML结构 -->
<select id="firstSelect">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

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

<!-- JavaScript代码 -->
<script>
  const firstSelect = document.getElementById('firstSelect');
  const secondSelect = document.getElementById('secondSelect');

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

    if (selectedValue === 'option1') {
      secondSelect.disabled = true;
    } else {
      secondSelect.disabled = false;
    }
  });
</script>