Hej! Tack för svaret men tyvärr funkar det inte.. :/ Hej! Koden fungerar, men det blir kanske fel när du kopierar på grund av syntaxgrupperingen. Tack, nu gick det bättre! :) Det borde gå att göra med stilmallar:Ändra i select med javascript!
Jag håller på att försöka göra ett menysystem och vill att när man klickar på något i select1 ska det visas olika alternativ i select2 beroende på vad man har klickat på i select1. Exempel:
<select name=select1 onclick=changedatainselect2();>
<option name=grupp1>Grupp nr 1</option>
<option name=grupp2>Grupp nr 2</option>
</select>
Sen när man klickar på "Grupp nr 1" så ska select 2 se ut på följande vis:
<select name=select2>
<option name=val1>Val nr 1</option>
<option name=val2>Val nr 2</option>
</select>
och om man klickat på "Grupp nr 2" så ska select 2 se ut på följande vis:
<select name=select2>
<option name=val3>Val nr 3</option>
<option name=val4>Val nr 4</option>
</select>
Hoppas någon kan hjälpa mig med detta. Sidan ska inte behöva laddas om!Sv: Ändra i select med javascript!
<script type="text/javascript">
countries = Array(
Array("- Välj världsdel först -"),
Array("Sverige", "Tyskland", "Italien"),
Array("USA", "Kanada"),
Array("Brasilien", "Peru"),
Array("Egypten", "Kenya", "Sydafrika"),
Array("Indien", "Japan")
);
function setCountries()
{
var f = document.forms["country"];
f.s2.options.length = 0;
var c = countries[f.s1.value];
for(var i=0; i<c.length; i++) {
f.s2.options[i] = new Option(c[i], i);
}
}
</script>
<body onload="setCountries()">
<form action="" method="get" name="country">
<select name="s1" onchange="setCountries()">
<option value="0">- Välj världsdel -</option>
<option value="1">Europa</option>
<option value="2">Nordamerika</option>
<option value="3">Sydamerika</option>
<option value="4">Afrika</option>
<option value="5">Asien</option>
</select>
<select name="s2">
</select>
<input type="submit">
</form>
</body>
Sv:Ändra i select med javascript!
Jag har testat med både IE och FireFox, funkar inte i någon.. :/Sv:Ändra i select med javascript!
Tack för svaret men tyvärr så fungerar det inte.. Varken med IE eller FireFox.. :/
Vad är fel?Sv: Ändra i select med javascript!
Tryck på knappen Svara och kopiera sedan koden från textrutan.Sv:Ändra i select med javascript!
Går det på något sätt att göra så att select-bredden är lika på alla oavsett vilken värdsdel man väljer eller vilka options som ligger i selecten?Sv: Ändra i select med javascript!
<select ... style="width: 250px; height: 50px">