javascript - Javascript - 如何使自动选择另一个下拉菜单

Question

• 这里有两个列表字段菜单。第一 brand秒item
• 我想如果我们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

我注意到您的选项彼此一致，因此您可以简单地将 selectedIndex 反映在第一个中的第二个中：

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

Answer 2

 <select name="brand" id="brand" onchange="document.getElementById('item').value = document.getElementById('brand').value">
   <option>Please Select</option>
   <option>IBM</option>
   <option>HP</option>
 </select>

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

Answer 3

您可以将onchange属性添加到您的品牌选择元素。选择一个品牌时，将调用SelectEd函数，这又可以选择与项目选择元素中值匹配的项目。另外，我建议您为选择的元素提供 ID，以便您可以使用 document.getElementById("brand")。

<select id="brand" name="brand" onchange="selectItem(this.selectedIndex);">
  <option>Please Select</option>
  <option>IBM</option>
  <option>HP</option>
</select>

这是 select 元素的 DOM 参考：http: //www.w3schools.com/jsref/dom_obj_select.asp