Praca z elementami listy rozwijanej w JavaScript
Załóżmy, że mamy w zmiennej referencję do tagu
option. Na przykład, uzyskaną w następujący
sposób:
let select = document.querySelector('#select');
let option = select[0];
W tym przypadku we właściwości text będzie
przechowywany tekst opcji, we właściwości value
- wartość atrybutu o tej samej nazwie, a we właściwości
selected - wartość true lub
false w zależności od tego, czy element listy
jest wybrany, czy nie:
console.log(option.text);
console.log(option.value);
console.log(option.selected);
Przejdź przez elementy listy pętlą i dla wybranego elementu dodaj na koniec tekstu wykrzyknik, a dla niewybranych elementów - znak zapytania.