2 svar · 418 visningar · startad av Jessica_s76
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 :(
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>