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

Question

如果我知道下拉列表的 ID，我可以使用用户脚本 select 带有 javascript 的下拉列表，但如果下拉列表没有 ID，我不能 select 它，所以我想知道是否有办法 select 页面上的所有下拉列表，而不使用 ID？

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

Answer 1

给select所有

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

到select第一个

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

编辑：

在这里你可以看到一个例子如何循环多个 select-boxes 并设置 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 是一个节点列表，使用 [...all] 或可选的 Array.from(all) 你会得到一个数组。这是使用 Array-Method forEach

所必需的

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

Using selectors for droplists in JavaScript

javascript

selector

userscripts