Dropdownmeny som styr andra form element?

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 :(

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

mvh Palle
Moderator webForum

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>