---
title: "Onselect - visa tidigare dold div"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/182378-onselect-visa-tidigare-dold-div"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "leniz"
published: "2010-02-09T14:56:08.000Z"
updated: "2010-02-09T15:00:27.000Z"
replies: 1
views: 393
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/182378-onselect-visa-tidigare-dold-div"
---

# Onselect - visa tidigare dold div

## #1 — leniz, 2010-02-09T14:56Z

Hej!
Går att få till något med enbart javascript och html där man baserat på vilket alternativ som väljs i en selectbox så visas en specifik div.

Det ska alltså finnas flera olika div:ar med olika innehåll där alla från början är dolda, när någon sedan väljer ett alternativ ur en selectbox så ska en av div:arna visas, beroende på vilket alternativ de väljer i selectboxen.

Mvh Lena

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

## #2 — voigtann1, 2010-02-09T15:00Z

Ja, onchange borde lösa ditt problem.

gjorde ett exempel:

```
<script type="text/javascript">
function change(el) {
	var children = document.getElementById("items").children;
	for(var i=0;i<children.length;i++) {
		if(el.value != "" && children[i].id==el.value) {
			children[i].style.display = "block";
		} else {
			children[i].style.display = "none";
		}
	}
}
</script>

<style type="text/css">
.hidden { display: none;}
</style>

...

	<select id="showElement" onchange="change(this)">
		<option value="">Visa Element...</option>
		<option value="element1">Element1</option>
		<option value="element2">Element2</option>
	</select>

	<div id="items">
		<div class="hidden" id="element1">jaha</div>
		<div class="hidden" id="element2">mm</div>
	</div>
...
</form>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/182378-onselect-visa-tidigare-dold-div