Luettelon kohteen valinta JavaScriptissä
Edellisissä oppitunneissa käsittelimme
select-elementtiä saadaksemme tai muuttaaksemme valitun
luettelokohteen. Tämä ei itse asiassa ole välttämätöntä.
Voimmehan myös suoraan asettaa minkä tahansa
option-elementin selected-ominaisuuden
arvoksi true.
Tehdään esimerkiksi luettelon kohde numerolla kaksi valituksi:
let select = document.querySelector('#select');
let option = select[2];
option.selected = true;
Annettuna on pudotusvalikko ja painike. Tee painikkeen napsautuksella viimeinen luettelon kohde valituksi.