Wybór opcji z listy select ze zdarzeniem change
Treść zadania
W formularzu znajduje się lista rozwijana:
<select id="miasta">
<option value="Warszawa">Warszawa</option>
<option value="Kraków">Kraków</option>
<option value="Poznań">Poznań</option>
</select>oraz akapit <p id="komunikat">Wybrano: Warszawa</p>. Zarejestruj na elemencie select zdarzenie change, które po zmianie wyboru wstawi do akapitu tekst w formacie: Wybrano: Kraków (zależnie od wybranej wartości).
Co będzie oceniane
- Zarejestrowanie zdarzenia change na liście #miasta.
- Odczyt wybranej opcji właściwością value.
- Aktualizacja tekstu akapitu #komunikat.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Zmiana wyboru w liście rozwijanej — tekst #komunikat = Wybrano: Kraków
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Zarejestruj zdarzenie change na liście #miasta
Wskazówki
Wskazówka 1
Dla list rozwijanych <select> zdarzenie change odpala się w momencie zatwierdzenia nowej opcji przez użytkownika.
Wskazówka 2
Właściwość select.value przechowuje wartość atrybutu value aktualnie wybranej opcji.