javascript - HTML 下拉菜单需要 javascript 帮助

标签 javascript html

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

关于javascript - HTML 下拉菜单需要 javascript 帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27166818/

相关文章:

javascript - 类型 'name' .ts(2339) 上不存在属性 'unknown'

javascript - 可视化在线用户

JavaScript:将对象属性中的每个单词缩短为固定长度?

html - &nbsp jsx 不工作

javascript - 滚动到 JavaScript

javascript - 在 javascript 中存储和搜索键值对时,数组是否比对象更好?

javascript - 在 JavaScript 中,什么情况下 a === b,但使用 a 或 b 会得到不同的结果?

javascript - 在表的一行中启用控制组

jquery - 延迟jQuery中的点击功能

javascript - 全屏背景上的热点,背景位置为 : center