使用3个组合框选定的项值控制按钮启用状态

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

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

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

<button id="myButton" disabled>Submit</button>

<script>
  const combo1 = document.getElementById('combo1');
  const combo2 = document.getElementById('combo2');
  const combo3 = document.getElementById('combo3');
  const myButton = document.getElementById('myButton');

  function updateButtonStatus() {
    const value1 = combo1.value;
    const value2 = combo2.value;
    const value3 = combo3.value;

    if (value1 === 'option1' && value2 === 'option2' && value3 === 'option3') {
      myButton.disabled = false;
    } else {
      myButton.disabled = true;
    }
  }

  combo1.addEventListener('change', updateButtonStatus);
  combo2.addEventListener('change', updateButtonStatus);
  combo3.addEventListener('change', updateButtonStatus);
</script>