---
title: "Dropdownmeny som styr andra form element?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/136933-dropdownmeny-som-styr-andra-form-element"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jessica_s76"
published: "2005-11-04T03:35:45.000Z"
updated: "2005-11-04T12:05:42.000Z"
replies: 2
views: 425
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/136933-dropdownmeny-som-styr-andra-form-element"
---

# Dropdownmeny som styr andra form element?

## #1 — Jessica_s76, 2005-11-04T03:35Z

Vet inte riktigt om det här kanske hör hemma i javascript forumet eller bör man göra det i ajax?.
Hur som helst, jag vill ha en dropdownmeny och beroende på vad man väljer i den så ska det dyka upp olika resultat utan att sidan laddas om.

Bifogar en bild för att illustrera vad jag menar. Vet att jag har sett det här på andra sidor men kommer inte på någon nu :(

Bilagor:

- [alternativ.gif](https://www.webforum.nu/a/8359.gif)

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

## #2 — Palle, 2005-11-04T08:58Z

Tråden flyttas från *HTML, XHTML & CSS*.

mvh Palle
Moderator webForum

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

## #3 — Erik Juhlin, 2005-11-04T12:05Z

Något sånt här kanske... :)

```
<script type="text/javascript">
function setAlt(alt)
{
	for (var i = 0; i < alt.options.length; i++)
	{
		var val = alt.options[i].value
		if (val != "")
			document.getElementById("alt" + val).style.display = "none";
	}
	
	var val = alt.options[alt.selectedIndex].value
	if (val != "block")
		document.getElementById("alt" + val).style.display = "block";
}
</script>

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

<form>

<select name="Alt" onChange="setAlt(this);">
	<option value=""></option>
	<option value="1">Alternativ 1</option>
	<option value="2">Alternativ 2</option>
</select><br>
<br>

<div class="alt" id="alt1">
	Alternativ 1 fält 1<br>
	<input type="text" name="Alt1_1" value=""><br>
	<br>
	Alternativ 1 fält 2<br>
	<input type="text" name="Alt1_2" value=""><br>
	<br>
	Alternativ 1 fält 3<br>
	<input type="text" name="Alt1_3" value=""><br>
	<br>
</div>
<div class="alt" id="alt2">
	Alternativ 2 fält 1<br>
	<input type="text" name="Alt2_1" value=""><br>
	<br>
	Alternativ 2 fält 2<br>
	<textarea name="Alt2_2"></textarea><br>
	<br>
</div>

</form>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/136933-dropdownmeny-som-styr-andra-form-element