Na stronie WWW mam listę rozwijalną oraz tuż nad nią obrazek, w tym konkretnym przypadku z listy wybieram nazwę kraju, a obrazek jest jego flagą. Chciałbym, aby po wybraniu kraju obrazek zmienił się na odpowiedni do niego ale bez przeładowania strony. Moja wiedza o JavaScript jest równa 0 dlatego proszę o pomoc

Nie chce dawać gotowca, bo by za prosto było - zrób tak:
- jako value, każdego elementu z listy rozwijanej przypisz ścieżkę do obrazku: np. value="./pl.png"
-do listy rozwijanej dodaj zdarzenie change (atrybut onchange), a w nim kod JS
Podpowiedzi do kodu js:
- referencja do elementu(obrazka) <-> getElementById
- referencja.src = this.value; <-- to praktycznie cały kod JS, poszukaj tylko o tej referencji

W razie czego pytaj

oj to się chyba trochę pomęczymy nad tym tongue.gif Proszę o jeszcze bardziej uproszczone porady ze szczegółowymi instrukcjami. Rozumiem, że będzie to działało w następujący spósób: napiszę funkcję zmieniającą obrazek, a w "onchange" dla listy dam nazwę tej funkcji.

[HTML] pobierz, plaintext 
<select name="src" id="obrazeksrc" onchange="obrazek()">
[HTML] pobierz, plaintext 

No i teraz funkcja zmieniająca obrazek. Z tego co przeglądałem to chyba muszę pobrać adres obrazka. Czyli:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function obrazek()
{
var phone = document.getElementById('obrazeksrc');
}
 
</script>
[HTML] pobierz, plaintext 

Co jeszscze musi znaleźć się w tej funkcji, aby obrzek zmienił się?

Proste tylko jeszcze taka jedna mała sprawka. Na potrzeby skryptu muszę mieć w value elemenów listy tylko dwie literki np. value="pl". Jak więc zmienić document.getElementById('test').src = this.value; żeby dwie literki były nazwą pliku, ale żebym mógł jeszce dołączyć jakiś tekst przed i po this.value?