javascript - 使多个选择菜单跳转到第一个选项

Question

我有 2 个精选菜单。下面的例子。

如何在单击按钮时使两个选择菜单都跳转到第一个选项？

  <select class="personlist">
     <option value="One">One</option>
     <option value="Two">Two</option>
  </select>


  <select class="personlist">
     <option value="Ten">Ten</option>
     <option value="Eleven">Eleven</option>
  </select>

我在谷歌搜索时发现了类似的帖子。但没能做到正确。

document.getElementsByClassName('personlist').value=[0];

Answer 1

getElementsByClassName返回 HTMLCollection对象是一个类似数组的对象，因此您需要迭代它并设置值

function reset() {
  var els = document.getElementsByClassName('personlist');
  for (var i = 0; i < els.length; i++) {
    els[i].options[0].selected = true;
  }
}

<select class="personlist">
  <option value="One">One</option>
  <option value="Two">Two</option>
</select>
<select class="personlist">
  <option value="Ten">Ten</option>
  <option value="Eleven">Eleven</option>
</select>
<button onclick="reset()">d</button>