在JavaScript中將選擇器用於下拉列表

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)您將獲得一個Array。 這是使用Array- forEach