选择选项并在其他下拉列表中禁用相同的选项

<!-- HTML -->
<select id="list1">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

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

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

<!-- JavaScript -->
<script>
  const lists = document.querySelectorAll('select');

  lists.forEach(list => {
    list.addEventListener('change', (event) => {
      const selectedValue = event.target.value;

      lists.forEach(otherList => {
        if (otherList !== list) {
          const options = otherList.querySelectorAll('option');
          options.forEach(option => {
            if (option.value === selectedValue) {
              option.disabled = true;
            } else {
              option.disabled = false;
            }
          });
        }
      });
    });
  });
</script>