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

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> 

Answer 2

如果您使用JQuery，则可以使用：

$('#select-a').click(function() {
  $('select.personlist').each(function() {  
    $(this).find('option').first().prop('selected', true)
  });
});