---
title: "Ändra färg med listruta"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/60592-ändra-färg-med-listruta"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "nille99"
published: "2002-11-29T13:23:49.000Z"
updated: "2002-12-02T12:21:13.000Z"
replies: 2
views: 178
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/60592-ändra-färg-med-listruta"
---

# Ändra färg med listruta

## #1 — nille99, 2002-11-29T13:23Z

Hej
jag skulle vilja ändra bakgrundsfärgen i en cell med hjälp av en listruta.

så när jag väljer t.ex. blå så ska cellen bli blå direkt
och när jag väljer röd i listrutan så ska cellens bakgrund bli röd o.s.v.

jag har en kod som visar och gömmer "saker"
hur gör jag att den väljer en färg också

```

onChange="document.getElementById('farg').style.display=(this.selectedIndex==0)?'inline':'none';document.getElementById(farg').style.display=(this.selectedIndex==1)?'inline':'none';document.getElementById(farg').style.display=(this.selectedIndex==2)?'inline':'none';">
```

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

## #2 — nille99, 2002-12-02T09:35Z

kan man göra något likade som

```
onChange="document.getElementById('logofarg').style.bgColor=this.selectedIndex==1)? '#3399CC':'none';document.getElementById'logostorlek').style.bgColor=this.selectedIndex==1)? '#FFFFFF':'none';">
```

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

## #3 — jupiters, 2002-12-02T12:21Z

detta bryter väl mot diverse standarder och vissa webläsares funktionalitet men:

function farg(val) {

textref=val.options\[val.selectedIndex\].text;
vref=val.options\[val.selectedIndex\].value;
document.getElementById(textref).style.backgroundColor=vref;
}

\<tr\>
\<td id="cell1"\>text1\</td\>
\<td id="cell2"\>text2\</td\>
\<td id="cell3"\>text3\</td\>
\</tr\>

\<select onchange="farg(this)"\>
\<option value="#864854"\>cell1\</option\>
\<option value="#297854"\>cell2\</option\>
\<option value="#fa5648"\>cell3\</option\>
\</select\>

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/60592-ändra-färg-med-listruta