3 selectors that depends on each other

Discussion in 'HTML and CSS' started by goldensebbe, Feb 11, 2012.

  1. goldensebbe

    goldensebbe

    Joined:
    Feb 11, 2012
    Messages:
    2
    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.




    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    </head>

    <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"},
    {lankod: 14, kommunkod: 61, namn: "Mellerud"},
    {lankod: 14, kommunkod: 30, namn: "Munkedal"},
    {lankod: 14, kommunkod: 81, namn: "Mölndal"},
    {lankod: 14, kommunkod: 21, namn: "Orust"},
    {lankod: 14, kommunkod: 2, namn: "Partille"},
    {lankod: 14, kommunkod: 95, namn: "Skara"},
    {lankod: 14, kommunkod: 96, namn: "Skövde"},
    {lankod: 14, kommunkod: 27, namn: "Sotenäs"},
    {lankod: 14, kommunkod: 15, namn: "Stenungsund"},
    {lankod: 14, kommunkod: 86, namn: "Strömstad"},
    {lankod: 14, kommunkod: 65, namn: "Svenljunga"},
    {lankod: 14, kommunkod: 35, namn: "Tanum"},
    {lankod: 14, kommunkod: 72, namn: "Tibro"},
    {lankod: 14, kommunkod: 98, namn: "Tidaholm"},
    {lankod: 14, kommunkod: 19, namn: "Tjörn"},
    {lankod: 14, kommunkod: 52, namn: "Tranemo"},
    {lankod: 14, kommunkod: 88, namn: "Trollhättan"},
    {lankod: 14, kommunkod: 73, namn: "Töreboda"},
    {lankod: 14, kommunkod: 85, namn: "Uddevalla"},
    {lankod: 14, kommunkod: 91, namn: "Ulricehamn"},
    {lankod: 14, kommunkod: 70, namn: "Vara"},
    {lankod: 14, kommunkod: 42, namn: "Vårgårda"},
    {lankod: 14, kommunkod: 87, namn: "Vänersborg"},
    {lankod: 14, kommunkod: 92, namn: "Åmål"},
    {lankod: 14, kommunkod: 7, namn: "Öckerö"},

    {lankod: 17, kommunkod: 84, namn: "Arvika"},
    {lankod: 17, kommunkod: 30, namn: "Eda"},
    {lankod: 17, kommunkod: 82, namn: "Filipstad"},
    {lankod: 17, kommunkod: 63, namn: "Forshaga"},
    {lankod: 17, kommunkod: 64, namn: "Grums"},
    {lankod: 17, kommunkod: 83, namn: "Hagfors"},
    {lankod: 17, kommunkod: 61, namn: "Hammarö"},
    {lankod: 17, kommunkod: 80, namn: "Karlstad"},
    {lankod: 17, kommunkod: 15, namn: "Kil"},
    {lankod: 17, kommunkod: 81, namn: "Kristinehamn"},
    {lankod: 17, kommunkod: 62, namn: "Munkfors"},
    {lankod: 17, kommunkod: 60, namn: "Storfors"},
    {lankod: 17, kommunkod: 66, namn: "Sunne"},
    {lankod: 17, kommunkod: 85, namn: "Säffle"},
    {lankod: 17, kommunkod: 37, namn: "Torsby"},
    {lankod: 17, kommunkod: 65, namn: "Årjäng"},
    {lankod: 18, kommunkod: 82, namn: "Askersund"},
    {lankod: 18, kommunkod: 62, namn: "Degerfors"},
    {lankod: 18, kommunkod: 61, namn: "Hallsberg"},
    {lankod: 18, kommunkod: 63, namn: "Hällefors"},
    {lankod: 18, kommunkod: 83, namn: "Karlskoga"},
    {lankod: 18, kommunkod: 81, namn: "Kumla"},
    {lankod: 18, kommunkod: 60, namn: "Laxå"},
    {lankod: 18, kommunkod: 14, namn: "Lekeberg"},
    {lankod: 18, kommunkod: 85, namn: "Lindesberg"},
    {lankod: 18, kommunkod: 64, namn: "Ljusnarsberg"},
    {lankod: 18, kommunkod: 84, namn: "Nora"},
    {lankod: 18, kommunkod: 80, namn: "Örebro"},
    {lankod: 19, kommunkod: 84, namn: "Arboga"},
    {lankod: 19, kommunkod: 82, namn: "Fagersta"},
    {lankod: 19, kommunkod: 61, namn: "Hallstahammar"},
    {lankod: 19, kommunkod: 17, namn: "Heby"},
    {lankod: 19, kommunkod: 60, namn: "Kungsör"},
    {lankod: 19, kommunkod: 83, namn: "Köping"},
    {lankod: 19, kommunkod: 62, namn: "Norberg"},
    {lankod: 19, kommunkod: 81, namn: "Sala"},
    {lankod: 19, kommunkod: 4, namn: "Skinnskatteberg"},
    {lankod: 19, kommunkod: 7, namn: "Surahammar"},
    {lankod: 19, kommunkod: 80, namn: "Västerås"},
    {lankod: 20, kommunkod: 84, namn: "Avesta"},
    {lankod: 20, kommunkod: 81, namn: "Borlänge"},
    {lankod: 20, kommunkod: 80, namn: "Falun"},
    {lankod: 20, kommunkod: 26, namn: "Gagnef"},
    {lankod: 20, kommunkod: 83, namn: "Hedemora"},
    {lankod: 20, kommunkod: 29, namn: "Leksand"},
    {lankod: 20, kommunkod: 85, namn: "Ludvika"},
    {lankod: 20, kommunkod: 23, namn: "Malung"},
    {lankod: 20, kommunkod: 62, namn: "Mora"},
    {lankod: 20, kommunkod: 34, namn: "Orsa"},
    {lankod: 20, kommunkod: 31, namn: "Rättvik"},
    {lankod: 20, kommunkod: 61, namn: "Smedjebacken"},
    {lankod: 20, kommunkod: 82, namn: "Säter"},
    {lankod: 20, kommunkod: 21, namn: "Vansbro"},
    {lankod: 20, kommunkod: 39, namn: "Älvdalen"},
    {lankod: 21, kommunkod: 83, namn: "Bollnäs"},
    {lankod: 21, kommunkod: 80, namn: "Gävle"},
    {lankod: 21, kommunkod: 4, namn: "Hofors"},
    {lankod: 21, kommunkod: 84, namn: "Hudiksvall"},
    {lankod: 21, kommunkod: 61, namn: "Ljusdal"},
    {lankod: 21, kommunkod: 32, namn: "Nordanstig"},
    {lankod: 21, kommunkod: 1, namn: "Ockelbo"},
    {lankod: 21, kommunkod: 21, namn: "Ovanåker"},
    {lankod: 21, kommunkod: 81, namn: "Sandviken"},
    {lankod: 21, kommunkod: 82, namn: "Söderhamn"},
    {lankod: 22, kommunkod: 80, namn: "Härnösand"},
    {lankod: 22, kommunkod: 82, namn: "Kramfors"},
    {lankod: 22, kommunkod: 83, namn: "Sollefteå"},
    {lankod: 22, kommunkod: 81, namn: "Sundsvall"},
    {lankod: 22, kommunkod: 62, namn: "Timrå"},
    {lankod: 22, kommunkod: 60, namn: "Ånge"},
    {lankod: 22, kommunkod: 84, namn: "Örnsköldsvik"},
    {lankod: 23, kommunkod: 26, namn: "Berg"},
    {lankod: 23, kommunkod: 5, namn: "Bräcke"},
    {lankod: 23, kommunkod: 61, namn: "Härjedalen"},
    {lankod: 23, kommunkod: 9, namn: "Krokom"},
    {lankod: 23, kommunkod: 3, namn: "Ragunda"},
    {lankod: 23, kommunkod: 13, namn: "Strömsund"},
    {lankod: 23, kommunkod: 21, namn: "Åre"},
    {lankod: 23, kommunkod: 80, namn: "Östersund"},
    {lankod: 24, kommunkod: 3, namn: "Bjurholm"},
    {lankod: 24, kommunkod: 25, namn: "Dorotea"},
    {lankod: 24, kommunkod: 81, namn: "Lycksele"},
    {lankod: 24, kommunkod: 18, namn: "Malå"},
    {lankod: 24, kommunkod: 1, namn: "Nordmaling"},
    {lankod: 24, kommunkod: 17, namn: "Norsjö"},
    {lankod: 24, kommunkod: 9, namn: "Robertsfors"},
    {lankod: 24, kommunkod: 82, namn: "Skellefteå"},
    {lankod: 24, kommunkod: 22, namn: "Sorsele"},
    {lankod: 24, kommunkod: 21, namn: "Storuman"},
    {lankod: 24, kommunkod: 80, namn: "Umeå"},
    {lankod: 24, kommunkod: 62, namn: "Vilhelmina"},
    {lankod: 24, kommunkod: 4, namn: "Vindeln"},
    {lankod: 24, kommunkod: 60, namn: "Vännäs"},
    {lankod: 24, kommunkod: 63, namn: "Åsele"},
    {lankod: 25, kommunkod: 6, namn: "Arjeplog"},
    {lankod: 25, kommunkod: 5, namn: "Arvidsjaur"},
    {lankod: 25, kommunkod: 82, namn: "Boden"},
    {lankod: 25, kommunkod: 23, namn: "Gällivare"},
    {lankod: 25, kommunkod: 83, namn: "Haparanda"},
    {lankod: 25, kommunkod: 10, namn: "Jokkmokk"},
    {lankod: 25, kommunkod: 14, namn: "Kalix"},
    {lankod: 25, kommunkod: 84, namn: "Kiruna"},
    {lankod: 25, kommunkod: 80, namn: "Luleå"},
    {lankod: 25, kommunkod: 21, namn: "Pajala"},
    {lankod: 25, kommunkod: 81, namn: "Piteå"},
    {lankod: 25, kommunkod: 60, namn: "Älvsbyn"},
    {lankod: 25, kommunkod: 13, namn: "Överkalix"},
    {lankod: 25, kommunkod: 18, namn: "Övertorneå"},

    ];

    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.underKommun)">
    <option value="0">Välj län</option>
    <option value="10" selected="selected">Blekinge län</option>
    <option value="20">Dalarnas län</option>
    <option value="9">Gotlands län</option>
    <option value="21">Gävleborgs län</option>
    <option value="13">Hallands län</option>
    <option value="23">Jämtlands 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="25">Norrbottens 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="17">Värmlands län</option>
    <option value="24">Västerbottens län</option>
    <option value="22">Västernorrlands län</option>
    <option value="19">Västmanlands län</option>
    <option value="14">Västra Götalands län</option>
    <option value="18">Örebro 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>
     
    goldensebbe, Feb 11, 2012
    #1
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. moo moo
    Replies:
    0
    Views:
    478
    moo moo
    Jul 21, 2003
  2. welsungo
    Replies:
    0
    Views:
    9,926
    welsungo
    Mar 5, 2005
  3. narke
    Replies:
    11
    Views:
    1,585
    narke
    Apr 22, 2005
  4. rbg
    Replies:
    1
    Views:
    416
    Jeeran
    Jul 3, 2006
  5. Gisle Vanem

    Module depends tool

    Gisle Vanem, Jan 8, 2004, in forum: Python
    Replies:
    0
    Views:
    379
    Gisle Vanem
    Jan 8, 2004
Loading...

Share This Page