Question

如果我知道下拉列表的ID，我就可以使用用户脚本通过javascript选择一个下拉列表，但是如果该下拉列表没有ID，则无法选择它，所以我想知道是否有一个不用ID就能选择页面上所有下拉列表的方法吗？

document.getElementById("id").selectedIndex = 0;

Answer 1

要全部选中

const all = document.querySelectorAll('select');

选择第一个

const first = document.querySelector('select');
console.log(first.selectedIndex);

编辑：

在这里您可以看到一个示例，如何循环多个选择框并设置selectedIndex（在我的情况下为3）

const all = document.querySelectorAll('select');

[...all].forEach(select => select.selectedIndex = 3);

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<select>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
</select>

all是一个NodeList，使用[...all]或可选的Array.from(all)您将获得一个数组。这是使用数组方法forEach

所必需的

在Javscript中使用选择器选择下拉列表

1 个答案: