---
title: "<select> --- > bild"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/90470-select-bild"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "bymarie"
published: "2003-11-15T13:38:28.000Z"
updated: "2003-11-15T15:33:59.000Z"
replies: 6
views: 202
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/90470-select-bild"
---

# <select> --- > bild

## #1 — bymarie, 2003-11-15T13:38Z

Antar att den här frågan passar här..

Det är så här att jag har en rullista, en vanlig enkel \<select\>
I den så kan man välja olika humör, när man väljer t.ex "glad" så ska det visas en bild nedanför rullistan.
Hur löser man det enklast?

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

## #2 — dectgap, 2003-11-15T13:48Z

```
<select onchange="document.getElementById('bildId').src=this.options[this.selectedIndex].value;">
  <option value="happySmiley.gif">Glad</option>
  <option value="sadSmiley.gif">Ledsen</option>
</select>

<img src="happySmiley.gif" id="bildId" alt="smiley" />
```

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

## #3 — Nexus86, 2003-11-15T13:52Z

```
<script type="text/javascript">
<!--
function updateImage(s, i) {  //updateImage(select, image)
    document.getElementById('humorBild').src = s.options[s.selectedIndex].value+'.gif';
}
-->
</script>

...

<select onchange="updateImage('this')">
    <option value="glad" selected="selected">Glad</option>
    <option value="ledsen">Ledsen</option>
</select>

<img src="glad.gif" id="humorBild" />
```

Något sådant kanske? Du får bygga vidare tills det fungerar så som du vill. :)

R// För sent. :r

R2// Nej men hoppsan.. Hade visst gjort ett fel. :r

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

## #4 — bymarie, 2003-11-15T13:52Z

Hm.. kan tyvärr inte få det att funka..

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

## #5 — dectgap, 2003-11-15T14:28Z

Jag hade skrivit option 2 lite konstigt.
Nu ska det fungera.

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

## #6 — bymarie, 2003-11-15T15:25Z

Funkar fortfarande inte.

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

## #7 — dectgap, 2003-11-15T15:33Z

Vad är det som blir fel då?

Självklart måste du ha två bilder som heter *happySmiley.gif* och *sadSmiley.gif* i samma mapp som html-filen, eller ändra sökvägarna till två existerande bilder.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/90470-select-bild