---
title: "Visa bild efter vad som valts"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/89933-visa-bild-efter-vad-som-valts"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "joakimweb"
published: "2003-11-08T09:56:46.000Z"
updated: "2003-11-08T13:44:59.000Z"
replies: 4
views: 200
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/89933-visa-bild-efter-vad-som-valts"
---

# Visa bild efter vad som valts

## #1 — joakimweb, 2003-11-08T09:56Z

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

Permalänk: https://www.webforum.nu/p/89933

## #2 — Jojoxx, 2003-11-08T10:12Z

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>
```

Permalänk: https://www.webforum.nu/p/1202530

## #3 — joakimweb, 2003-11-08T10:24Z

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?

Permalänk: https://www.webforum.nu/p/1202535

## #4 — Jojoxx, 2003-11-08T10:35Z

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>
```

Permalänk: https://www.webforum.nu/p/1202538

## #5 — joakimweb, 2003-11-08T13:44Z

Du är bäst! Tusen tack!

Permalänk: https://www.webforum.nu/p/1202615

---

Tråden på webben: https://www.webforum.nu/amne/javascript/89933-visa-bild-efter-vad-som-valts