Javascript - 如何自动选择另一个下拉列表

Question

• 这里有两个列表字段菜单。第一的品牌 第二个商品
• 我想如果我们选择 brand IBM item 将也选择 IBM
• 另一方面，如果我们选择 brand HP item 将也选择 HP

如何在 javascript 中做到这一点。

<select name="brand">
  <option>Please Select</option>
  <option>IBM</option>
  <option>HP</option>
</select>

<select name="item">
  <option>Please Select</option>
  <option>IBM</option>
  <option>HP</option>  
</select>

Answer 1

我注意到您的选项彼此对齐，因此您可以简单地在第一个中的第二个中反射(reflect) selectedIndex:

document.getElementById("brand").onchange = function(){
  document.getElementById("item").selectedIndex = this.selectedIndex;
}