需要 HTML 下拉 JavaScript 帮助

HTML drop down javascript help needed

本文关键字:帮助 JavaScript 下拉 HTML 需要      更新时间:2023-09-26

我有两个HTML下拉菜单

 <select>
      <option value="">Please Select</option>
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
  </select>
    <select>
      <option value="">Please Select</option>
      <option value="a">a</option>
      <option value="b">b</option>
    </select>
现在,如果我从第一个下拉列表中选择沃尔沃,从第二个下拉列表中选择b,

然后在第一个下拉列表中更改为奥迪,我希望第二个下拉列表的值显示请使用javascript选择而不是b(先前选择)

PS:我是Javascript的新手

它就像:

  <select onChange="document.getElementById('secondOption').selectedIndex = 0;">
      <option value="">Please Select</option>
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
  </select>
    <select id="secondOption">
      <option value="">Please Select</option>
      <option value="a">a</option>
      <option value="b">b</option>
    </select>

您可以重置索引,假设您有两个<select>

var selects = document.getElementsByTagName('select');
selects[0].onchange = function(){
   selects[1].selectedIndex = 0;
}