---
title: "OnChange"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/47156-onchange"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "fundrusse"
published: "2002-07-03T21:43:10.000Z"
updated: "2002-07-04T15:51:08.000Z"
replies: 3
views: 282
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/47156-onchange"
---

# OnChange

## #1 — fundrusse, 2002-07-03T21:43Z

Hur får jag detta att funka..
Det är så att jag ska visa ett lager när man väljer ett ämne ur en Select box..

\<select name="test" size="1" class="input"\>
\<option  onChange="test1.style.display=''; test2.style.display='none';"\>test1\</option\>
\<option  onChange="test2.style.display=''; test1.style.display='none';"\>test2\</option\>
	  \</select\>

\<table\>
\<tr id="test1"\>
 \<td\>Hej\</td\>
\</tr\>
\<tr id="test2" style="display: none"\>
 \<td\>Hejdå\</td\>
\</tr\>
\</table\>

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

## #2 — Jojoxx, 2002-07-04T05:48Z

Detta är inte ett lager. Det som man brukar definiera som ett lager är ett löst flytande objekt ovanpå sidflödet (position:absolute;). Dessutom är jag osäker på om det är meningen att det skall gå att ändra display på en tabell-rad, hur många webbläsare som klarar det är okänt.

```
<script language="JavaScript" type="text/javascript">
current="test1";
function switchTo(which){
	changeStyle(current,"display","none");
	changeStyle(which,"display","inline");
	current=which;
}
function changeStyle(Id,Property,Value){
	if (document.all){
		eval('document.all[Id].style.'+Property+'="'+Value+'"');
	} else if (document.layers){
		eval('document.layers[Id].'+Property+'="'+Value+'"');
	} else if (document.getElementById){
		eval('document.getElementById(Id).style.'+Property+'="'+Value+'"');
	}
}
</script>
<select name="test" size="1" class="input" onChange="switchTo(this[this.selectedIndex].value);"> 
<option value="test1">test1</option> 
<option value="test2">test2</option> 
</select> 

<table> 
<tr id="test1"> 
<td>Hej</td> 
</tr> 
<tr id="test2" style="display: none"> 
<td>Hejdå</td> 
</tr> 
</table>
```

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

## #3 — fundrusse, 2002-07-04T10:51Z

Ja det verkar ju funka bra..
Men hur ska man göra för att visa båda lagren samtidigt?

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

## #4 — Jojoxx, 2002-07-04T15:51Z

Så hade du inte skrivit i ditt teoretiska exempel. Det beror på hur du vill att "menyn" eller vad vi skall kalla det skall fungera. Du anropar alltså funktionen changeStyle() med 3 argument. Id't på det element som skall ändras, vilken egenskap som skall ändras och tillsist värdet som egenskapen skall ändras till.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/47156-onchange