Question

我有两个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>

现在，如果我从第一个下拉列表中选择volvo，从第二个下拉列表中选择b然后在第一个下拉列表中更改为奥迪，我希望第二个下拉列表的值显示请使用javascript选择而不是b（之前选择）

PS：我是Javascript的新手

Answer 1

这很简单：

  <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>

Answer 2

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

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

HTML下拉javascript帮助需要

2 个答案: