javascript - 如何根据第一个下拉列表值使第二个下拉列表自动选择值

Question

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

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

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

截至目前，我希望在选择“客户端”选项时自动选择该值，而无需单击按钮。

更新:如果不需要默认选项，我仍然希望用户能够从位置列表中选择其他内容？我现在该怎么做，一旦选择了“Arm”，我就无法更改位置选项

Answer 1

要赋值，您必须使用赋值运算符 (=) 而不是 ==:

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

once "Arm" is selected, i can't change the location option

但我无法提出以下问题:

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>