多个下拉列表，即使我单击另一个，也只有一个有效

<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="option4">Option 4</option>
  <option value="option5">Option 5</option>
  <option value="option6">Option 6</option>
</select>

// 获取下拉列表元素
var list1 = document.getElementById("list1");
var list2 = document.getElementById("list2");

// 添加点击事件监听器
list1.addEventListener("click", function() {
  // 设置list1为有效，list2为无效
  list1.disabled = false;
  list2.disabled = true;
});

list2.addEventListener("click", function() {
  // 设置list2为有效，list1为无效
  list1.disabled = true;
  list2.disabled = false;
});