Question

我有两个下拉列表，一个用于“客户端”和“位置”。我希望位置下拉菜单根据所选的“客户端”选项自动选择一个值。

这是我想到的脚本，但是位置下拉列表中未显示该值。

function defaultLocation () {
  var client2 = document.getElementById('clientList2');
  if (client2.value == "Arm") {
    document.getElementById('locationList2').value == "Cambridge";
  }
}

到目前为止，我希望在选择“客户端”选项时无需单击按钮即可自动选择该值。

更新：如果不希望使用默认选项，我仍然希望用户能够从位置列表中选择其他内容？从现在开始，一旦选择了“手臂”，我将无法执行此操作

Answer 1

要分配值，必须使用赋值运算符（=）而非==：

document.getElementById('locationList2').value = "Cambridge";

一旦选择“手臂”，我将无法更改位置选项

但是我无法在以下方面提出问题：

function defaultLocation () {
  var client2 = document.getElementById('clientList2');
  if (client2.value == "Arm") {
    document.getElementById('locationList2').value = "Cambridge";
  }
}

<select id="clientList2" onchange="defaultLocation()">
  <option value="c1">Client 1</option>
  <option value="Arm">Arm</option>
</select>
<select id="locationList2">
  <option value="l1">Location 1</option>
  <option value="Cambridge">Cambridge</option>
</select>

如何使第二下拉列表基于第一下拉值自动选择值

1 个答案: