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)
  });
});

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

2 个答案: