Get a third selector to depend on the second
Hi I'm trying to create three dropdows selectors that depend on each other. I have now a code that works with two dropdown selectors that depends on each other but I wounder if anybody knows how I can get a third that depends on the second.
<body>
<script type="text/javascript">
var kommun = [
{lankod: 1, kommunkod: 27, namn: "Botkyrka"},
{lankod: 1, kommunkod: 62, namn: "Danderyd"},
{lankod: 1, kommunkod: 25, namn: "Ekerö"},
{lankod: 1, kommunkod: 36, namn: "Haninge"},
{lankod: 1, kommunkod: 26, namn: "Huddinge"},
{lankod: 1, kommunkod: 23, namn: "Järfälla"},
{lankod: 1, kommunkod: 86, namn: "Lidingö"},
{lankod: 1, kommunkod: 82, namn: "Nacka"},
{lankod: 1, kommunkod: 88, namn: "Norrtälje"},
{lankod: 1, kommunkod: 40, namn: "Nykvarn"},
{lankod: 1, kommunkod: 92, namn: "Nynäshamn"},
{lankod: 1, kommunkod: 28, namn: "Salem"},
{lankod: 1, kommunkod: 91, namn: "Sigtuna"},
{lankod: 1, kommunkod: 63, namn: "Sollentuna"},
{lankod: 1, kommunkod: 84, namn: "Solna"},
{lankod: 1, kommunkod: 80, namn: "Stockholm"},
{lankod: 1, kommunkod: 100, namn: "Stockholm - Centrum"},
{lankod: 1, kommunkod: 83, namn: "Sundbyberg"},
{lankod: 1, kommunkod: 81, namn: "Södertälje"},
{lankod: 1, kommunkod: 38, namn: "Tyresö"},
{lankod: 1, kommunkod: 60, namn: "Täby"},
{lankod: 1, kommunkod: 14, namn: "Upplands Väsby"},
{lankod: 1, kommunkod: 39, namn: "Upplands-Bro"},
{lankod: 1, kommunkod: 15, namn: "Vallentuna"},
{lankod: 1, kommunkod: 87, namn: "Vaxholm"},
{lankod: 1, kommunkod: 20, namn: "Värmdö"},
{lankod: 1, kommunkod: 17, namn: "Österåker"},
{lankod: 3, kommunkod: 81, namn: "Enköping"},
{lankod: 3, kommunkod: 5, namn: "Håbo"},
{lankod: 3, kommunkod: 30, namn: "Knivsta"},
{lankod: 3, kommunkod: 60, namn: "Tierp"},
{lankod: 3, kommunkod: 80, namn: "Uppsala"},
{lankod: 3, kommunkod: 19, namn: "Älvkarleby"},
{lankod: 3, kommunkod: 82, namn: "Östhammar"},
{lankod: 4, kommunkod: 84, namn: "Eskilstuna"},
{lankod: 4, kommunkod: 82, namn: "Flen"},
{lankod: 4, kommunkod: 61, namn: "Gnesta"},
{lankod: 4, kommunkod: 83, namn: "Katrineholm"},
{lankod: 4, kommunkod: 80, namn: "Nyköping"},
{lankod: 4, kommunkod: 81, namn: "Oxelösund"},
{lankod: 4, kommunkod: 86, namn: "Strängnäs"},
{lankod: 4, kommunkod: 88, namn: "Trosa"},
{lankod: 4, kommunkod: 28, namn: "Vingåker"},
{lankod: 5, kommunkod: 60, namn: "Boxholm"},
{lankod: 5, kommunkod: 62, namn: "Finspång"},
{lankod: 5, kommunkod: 13, namn: "Kinda"},
{lankod: 5, kommunkod: 80, namn: "Linköping"},
{lankod: 5, kommunkod: 86, namn: "Mjölby"},
{lankod: 5, kommunkod: 83, namn: "Motala"},
{lankod: 5, kommunkod: 81, namn: "Norrköping"},
{lankod: 5, kommunkod: 82, namn: "Söderköping"},
{lankod: 5, kommunkod: 84, namn: "Vadstena"},
{lankod: 5, kommunkod: 63, namn: "Valdemarsvik"},
{lankod: 5, kommunkod: 12, namn: "Ydre"},
{lankod: 5, kommunkod: 61, namn: "Åtvidaberg"},
{lankod: 5, kommunkod: 9, namn: "Ödeshög"},
{lankod: 6, kommunkod: 4, namn: "Aneby"},
{lankod: 6, kommunkod: 86, namn: "Eksjö"},
{lankod: 6, kommunkod: 62, namn: "Gislaved"},
{lankod: 6, kommunkod: 17, namn: "Gnosjö"},
{lankod: 6, kommunkod: 43, namn: "Habo"},
{lankod: 6, kommunkod: 80, namn: "Jönköping"},
{lankod: 6, kommunkod: 42, namn: "Mullsjö"},
{lankod: 6, kommunkod: 82, namn: "Nässjö"},
{lankod: 6, kommunkod: 84, namn: "Sävsjö"},
{lankod: 6, kommunkod: 87, namn: "Tranås"},
{lankod: 6, kommunkod: 65, namn: "Vaggeryd"},
{lankod: 6, kommunkod: 85, namn: "Vetlanda"},
{lankod: 6, kommunkod: 83, namn: "Värnamo"},
{lankod: 7, kommunkod: 64, namn: "Alvesta"},
{lankod: 7, kommunkod: 61, namn: "Lessebo"},
{lankod: 7, kommunkod: 81, namn: "Ljungby"},
{lankod: 7, kommunkod: 67, namn: "Markaryd"},
{lankod: 7, kommunkod: 63, namn: "Tingsryd"},
{lankod: 7, kommunkod: 60, namn: "Uppvidinge"},
{lankod: 7, kommunkod: 80, namn: "Växjö"},
{lankod: 7, kommunkod: 65, namn: "Älmhult"},
{lankod: 8, kommunkod: 85, namn: "Borgholm"},
{lankod: 8, kommunkod: 62, namn: "Emmaboda"},
{lankod: 8, kommunkod: 60, namn: "Hultsfred"},
{lankod: 8, kommunkod: 21, namn: "Högsby"},
{lankod: 8, kommunkod: 80, namn: "Kalmar"},
{lankod: 8, kommunkod: 61, namn: "Mönsterås"},
{lankod: 8, kommunkod: 40, namn: "Mörbylånga"},
{lankod: 8, kommunkod: 81, namn: "Nybro"},
{lankod: 8, kommunkod: 82, namn: "Oskarshamn"},
{lankod: 8, kommunkod: 34, namn: "Torsås"},
{lankod: 8, kommunkod: 84, namn: "Vimmerby"},
{lankod: 8, kommunkod: 83, namn: "Västervik"},
{lankod: 9, kommunkod: 80, namn: "Gotland"},
{lankod: 10, kommunkod: 82, namn: "Karlshamn"},
{lankod: 10, kommunkod: 80, namn: "Karlskrona"},
{lankod: 10, kommunkod: 60, namn: "Olofström"},
{lankod: 10, kommunkod: 81, namn: "Ronneby"},
{lankod: 10, kommunkod: 83, namn: "Sölvesborg"},
{lankod: 12, kommunkod: 60, namn: "Bjuv"},
{lankod: 12, kommunkod: 72, namn: "Bromölla"},
{lankod: 12, kommunkod: 31, namn: "Burlöv"},
{lankod: 12, kommunkod: 78, namn: "Båstad"},
{lankod: 12, kommunkod: 85, namn: "Eslöv"},
{lankod: 12, kommunkod: 83, namn: "Helsingborg"},
{lankod: 12, kommunkod: 93, namn: "Hässleholm"},
{lankod: 12, kommunkod: 84, namn: "Höganäs"},
{lankod: 12, kommunkod: 66, namn: "Hörby"},
{lankod: 12, kommunkod: 67, namn: "Höör"},
{lankod: 12, kommunkod: 76, namn: "Klippan"},
{lankod: 12, kommunkod: 90, namn: "Kristianstad"},
{lankod: 12, kommunkod: 61, namn: "Kävlinge"},
{lankod: 12, kommunkod: 82, namn: "Landskrona"},
{lankod: 12, kommunkod: 62, namn: "Lomma"},
{lankod: 12, kommunkod: 81, namn: "Lund"},
{lankod: 12, kommunkod: 80, namn: "Malmö"},
{lankod: 12, kommunkod: 73, namn: "Osby"},
{lankod: 12, kommunkod: 75, namn: "Perstorp"},
{lankod: 12, kommunkod: 91, namn: "Simrishamn"},
{lankod: 12, kommunkod: 65, namn: "Sjöbo"},
{lankod: 12, kommunkod: 64, namn: "Skurup"},
{lankod: 12, kommunkod: 30, namn: "Staffanstorp"},
{lankod: 12, kommunkod: 14, namn: "Svalöv"},
{lankod: 12, kommunkod: 63, namn: "Svedala"},
{lankod: 12, kommunkod: 70, namn: "Tomelilla"},
{lankod: 12, kommunkod: 87, namn: "Trelleborg"},
{lankod: 12, kommunkod: 33, namn: "Vellinge"},
{lankod: 12, kommunkod: 86, namn: "Ystad"},
{lankod: 12, kommunkod: 77, namn: "Åstorp"},
{lankod: 12, kommunkod: 92, namn: "Ängelholm"},
{lankod: 12, kommunkod: 57, namn: "Örkelljunga"},
{lankod: 12, kommunkod: 56, namn: "Östra Göinge"},
{lankod: 13, kommunkod: 82, namn: "Falkenberg"},
{lankod: 13, kommunkod: 80, namn: "Halmstad"},
{lankod: 13, kommunkod: 15, namn: "Hylte"},
{lankod: 13, kommunkod: 84, namn: "Kungsbacka"},
{lankod: 13, kommunkod: 81, namn: "Laholm"},
{lankod: 13, kommunkod: 83, namn: "Varberg"},
{lankod: 14, kommunkod: 40, namn: "Ale"},
{lankod: 14, kommunkod: 89, namn: "Alingsås"},
{lankod: 14, kommunkod: 60, namn: "Bengtsfors"},
{lankod: 14, kommunkod: 43, namn: "Bollebygd"},
{lankod: 14, kommunkod: 90, namn: "Borås"},
{lankod: 14, kommunkod: 38, namn: "Dals-Ed"},
{lankod: 14, kommunkod: 45, namn: "Essunga"},
{lankod: 14, kommunkod: 99, namn: "Falköping"},
{lankod: 14, kommunkod: 39, namn: "Färgelanda"},
{lankod: 14, kommunkod: 44, namn: "Grästorp"},
{lankod: 14, kommunkod: 47, namn: "Gullspång"},
{lankod: 14, kommunkod: 80, namn: "Göteborg"},
{lankod: 14, kommunkod: 71, namn: "Götene"},
{lankod: 14, kommunkod: 66, namn: "Herrljunga"},
{lankod: 14, kommunkod: 97, namn: "Hjo"},
{lankod: 14, kommunkod: 1, namn: "Härryda"},
{lankod: 14, kommunkod: 46, namn: "Karlsborg"},
{lankod: 14, kommunkod: 82, namn: "Kungälv"},
{lankod: 14, kommunkod: 41, namn: "Lerum"},
{lankod: 14, kommunkod: 94, namn: "Lidköping"},
{lankod: 14, kommunkod: 62, namn: "Lilla Edet"},
{lankod: 14, kommunkod: 84, namn: "Lysekil"},
{lankod: 14, kommunkod: 93, namn: "Mariestad"},
{lankod: 14, kommunkod: 63, namn: "Mark"},
];
function showSubKommun(subCat,selectObj) {
selectObj.length = 0;
if (subCat == 0) selectObj[0] = new Option("Välj län först...");
var j = 0,
elm3;
for (var k = 0; (elm3 = kommun[k]); ++k)
if (elm3.lankod == subCat)
selectObj[j++] = new Option(elm3.namn, elm3.kommunkod);
}
</script>
<form name="stad">
<select name="lan" onChange="showSubKommun(this.value,this.form.under Kommun)">
<option value="0">Välj län</option>
<option value="10" selected="selected">Blekinge län</option>
<option value="9">Gotlands län</option>
<option value="13">Hallands län</option>
<option value="6">Jönköpings län</option>
<option value="8">Kalmar län</option>
<option value="7">Kronobergs län</option>
<option value="12">Skåne län</option>
<option value="1">Stockholms län</option>
<option value="4">Södermanlands län</option>
<option value="3">Uppsala län</option>
<option value="14">Västra Götalands län</option>
<option value="5">Östergötlands län</option>
</select>
<select name="underKommun" onChange="showSubStadsdel(
this.value,this.form.underStadsdel)">
<option value="0" selected>Välj län först</option>
</select>
</body>
</html>
Thread Information
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Tags for this Thread
Posting Permissions
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
Forum Rules
Bookmarks