下拉框一个选中锁定另一个

可以通过JavaScript来实现下拉框的选中锁定另一个的功能。以下是一个简单的示例代码：

HTML代码：

<select id="select1" onchange="updateSelect2()">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

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

JavaScript代码：

function updateSelect2() {
  var select1 = document.getElementById("select1");
  var select2 = document.getElementById("select2");

  // 获取选中的选项的值
  var selectedValue = select1.options[select1.selectedIndex].value;

  // 根据选中的选项的值更新select2的选中状态
  if (selectedValue === "option1") {
    select2.selectedIndex = 0; // 选中第一个选项
    select2.disabled = true; // 禁用select2
  } else {
    select2.disabled = false; // 启用select2
  }
}

以上代码实现的功能是，当第一个下拉框选中"Option 1"时，第二个下拉框自动选中"Option 1"并且禁用，否则第二个下拉框启用。你可以根据自己的需求来修改代码。