Visa bild efter vad som valts

Hej!

Nu är jag i farten igen med min statistiktjänst!
Jag har en vanlig drop-down-meny där man får välja färgtema. Röd, grön eller blå. Nedanför skall man kunna få välja om man vill visa en stat-ikon eller en räknare.

Stat-ikonen är även den antingen röd, grön eller blå. Hur gör jag för att
1. Stat-ikonen visas efter vad som valts i drop-down-menyn (finns alltid en färg förvald)
2. Om man ändrar i menyn så vill jag att även ikonen skall ändras.

Tacksam för all hjälp!

/Joakim

Ungefär så här?

<script type="text/javascript">
var staticons=["","html för röd ikon","html för grön ikon"];
</script>

<form>
<select name="foo" onChange="if(document.getElementById){ document.getElementById('iconhere').innerHTML=staticons[this.selectedIndex]; }">
<option>--- Välj ---</option>
<option>Röd</option>
<option>Grön</option>
</select>
</form>
<div id="iconhere"></div>

Tack så mycket!

Men jag skulle vilja att den laddar den förvalda ikonen om inget byte har gjorts, går det att fixa lätt och i så fall hur?

Antigen så borde du då redan nu ha en scriptbit som körs onload som sätter dropdown-menyn till rätt värde där du kan haka på följande kodsnutt, eller så sköts det vid genereringen av sidan på servern och då kan du även generera rätt kod i div'en iconhere. Men, i alla fall:

<script type="text/javascript">
var staticons=["","html för röd ikon","html för grön ikon"];
window.onload=function(){
   if(document.getElementById){ document.getElementById('iconhere').innerHTML=staticons[document.forms['myform'].elements['foo'].selectedIndex]; }
}
</script>

<form name="myform">
<select name="foo" onChange="if(document.getElementById){ document.getElementById('iconhere').innerHTML=staticons[this.selectedIndex]; }">
<option>--- Välj ---</option>
<option selected="selected">Röd</option>
<option>Grön</option>
</select>
</form>
<div id="iconhere"></div>

Du är bäst! Tusen tack!