---
title: "selectbox + bild"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/93404-selectbox-bild"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Frexuz"
published: "2003-12-25T01:48:00.000Z"
updated: "2003-12-25T21:07:41.000Z"
replies: 8
views: 273
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/93404-selectbox-bild"
---

# selectbox + bild

## #1 — Frexuz, 2003-12-25T01:48Z

jag vill ha en bild precis vid sidan om min selectbox, bilden ska vara "select-värdet".gif

alltså om värdet är "sweden" så ska "sweden.gif" visas, o bilden ska ändras om jag byter värde.

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

## #2 — Jojoxx, 2003-12-25T10:40Z

```
<form>
<select name="foo" onchange="if(document.images){ document.images['land'].src=this[this.selectedIndex].value+'.gif'; }">
<option value="sweden">Sweden</option>
<option value="norway">Norway</option>
</select>
</form>
<img src="sweden.gif" name="land">
```

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

## #3 — bossse, 2003-12-25T16:29Z

Frågan löd bl.a. 
Jag vill ha en bild precis vid sidan om min selectbox.
Alltså inte under.

```
<html> 
<head> 
<style type=text/css> 
#form {position:absolute; left:1%; top:2%;} 
#bild {position:absolute; left:20%; top:2%; width:15%; height:22%; border:inset 5px;} 
</style> 
<script language="javascript"> 
<!-- 
function visa() 
{ if (!document.images) return 
document.images.bild.src=document.bilder.picture.options[document.bilder.picture.selectedIndex].value 
} 
//--> 
</script> 
</head> 
<body bgcolor=green> 
<form name="bilder" id=form> 
<select name="picture" size="1" OnChange="visa()"> 
<option> Se mina fina bilder </option> 
<option value="sverige.gif">Sverige</option> 
<option value="danmark.gif">Danmark</option> 
<option value="finland.gif">Finland</option> 
<option value="norge.gif">Norge</option> 
</select> 
</form> 
<img src="#" id=bild>
 
</body> 
</html>
```

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

## #4 — Frexuz, 2003-12-25T17:23Z

den kommer ju sidan om , om man inte har \<br\> ändå

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

## #5 — Jojoxx, 2003-12-25T17:23Z

bossse, Frexuz... Me, myself and I? :) Trodde det var scriptet som vem-det-nu-var-som-undrade hade problem med. I vilket fall som hellst; flytta bilden innanför form (\<img\> före \</form\>) så får du bilden bredvid select-listan. form-elementet är nämligen ett block-element och skapar automatiskt en radbrytning efter sig.

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

## #6 — Frexuz, 2003-12-25T17:26Z

\<select name="foo" onchange="if(document.images){ document.images\['land'\].src=this\[this.selectedIndex\].value+'.gif'; }"\>

\<img src="sweden.gif" name="land"\>

\---------------------------------------------------

hur ändrar man dessa raden om bilderna ligger i "../../flags/" ?

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

## #7 — Jojoxx, 2003-12-25T17:28Z

Så här;

```
<select name="foo" onchange="if(document.images){ document.images['land'].src='../../flags/'+this[this.selectedIndex].value+'.gif'; }">
...
<img src="../../flags/sweden.gif" name="land">
```

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

## #8 — Frexuz, 2003-12-25T17:29Z

funkar PERFEKT :D:D ...... den kortaste koden av dem alla oxo, du e bäst!

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

## #9 — @nders, 2003-12-25T21:07Z

Frexuz, klicka gärna på länken "Acceptera som slutgiltigt svar" i det inlägg som löste problemet, så markeras tråden som löst, och det underlättar för allt och alla. :)

mvh

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

---

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