Tablica elementów listy rozwijanej w JavaScript
Podczas pracy z elementami select istnieje następująca cecha:
zmienna przechowująca referencję do
elementu select jest tablicą, której elementami
są znaczniki option. Oznacza to,
że tę zmienną można przeiterować pętlą:
let select = document.querySelector('#select');
for (let option of select) {
console.log(option);
}
Lub po prostu odwołać się do elementu o podanym numerze:
let select = document.querySelector('#select');
console.log(select[0]);
Przejdź pętlą przez wszystkie elementy listy i na koniec
tekstu każdego elementu dodaj wartość jego
atrybutu value.