---
title: "select och layers"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/44031-select-och-layers"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Hallgren"
published: "2002-05-18T11:56:59.000Z"
updated: "2002-06-12T15:16:58.000Z"
replies: 6
views: 343
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/44031-select-och-layers"
---

# select och layers

## #1 — Hallgren, 2002-05-18T11:56Z

Baaaa...

Ska göra ett litet formulär och ska ha en select meny med. När man väljer något ur den menyn så skulle jag vilja ha olika lager med text att visa/gömma sig till höger eller vänster om menyn. 

Det skall funka som en förklaring för varje val man kan göra i select menyn. Förstår inte riktigt hur jag ska göra dock. :(

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

## #2 — Jojoxx, 2002-05-18T12:19Z

Så här?

```
<script language="JavaScript" type="text/javascript">
function showLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "visible";
	} else if (document.layers){
		document.layers[Id].visibility = "show";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "visible";
	}
}
function hideLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "hidden";
	} else if (document.layers){
		document.layers[Id].visibility = "hide";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "hidden";
	}
}
current=false;
</script>
<form>
<select name="foo" onChange="if(current){ hideLayer(current); } current='beskrivning_'+this[this.selectedIndex].value; showLayer(current);">
<option value="">-- Välj --</option>
<option value="a">Ett val</option>
<option value="b">Ett val</option>
<option value="c">Ett val</option>
</select>
</form>
<div id="beskrivning_" style="position:absolute;top:100px;left:100px;visibility:hidden;"><!-- Ev text --></div>
<div id="beskrivning_a" style="position:absolute;top:100px;left:100px;visibility:hidden;">Text a</div>
<div id="beskrivning_b" style="position:absolute;top:100px;left:100px;visibility:hidden;">Text b</div>
<div id="beskrivning_c" style="position:absolute;top:100px;left:100px;visibility:hidden;">Text c</div>
```

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

## #3 — Hallgren, 2002-05-18T12:25Z

Precis så... :)
Tackar!

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

## #4 — aleborg, 2002-06-12T13:02Z

hur kan man få första div:en att synas när sidan laddas?

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

## #5 — Jojoxx, 2002-06-12T14:19Z

Sätt visibiulity:visible (default) på lagret (\<div'en\>) och sätt "selected" för motsvarande \<option\> så att den blir vald.

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

## #6 — aleborg, 2002-06-12T14:59Z

Problemet är att den stannar kvar hela tiden då!

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

## #7 — Jojoxx, 2002-06-12T15:16Z

Ja just ja, du måste även definiera current="beskrivning_b" istället för false.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/44031-select-och-layers