Atrybut value w rozwijanych listach w JavaScript
Zazwyczaj pozycjom listy dodaje się atrybut
value. W tym przypadku właściwość value
selektora będzie zawierać nie tekst option,
ale wartość jego atrybutu value.
Przeróbmy nasz selektor:
<select id="select">
<option value="1">one</option>
<option value="2" selected>two</option>
<option value="3">three</option>
</select>
Sprawdźmy, jaka jest teraz wybrana wartość:
select.addEventListener('change', function(){
console.log(this.value);
});
Utwórz rozwijaną listę z nazwami dni
tygodnia. Jako atrybuty value
pozycji listy dodaj numery dni tygodnia
od 1 do 7. Po zmianie listy
wyświetl na ekranie informację, czy wybrany
dzień jest dniem wolnym od pracy, czy roboczym.
