Onselect - visa tidigare dold div

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

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>