Dropdown afhængig af dropdown

Sig til hvis du får problemer med det... ikke testet cross-browser...


<script language=\'JavaScript\'>
    var SubCategories = new Array();
    SubCategories[1] = new Array;
    SubCategories[1][0] = \"Test 1-1\";
    SubCategories[1][1] = \"Test 1-2\";
    SubCategories[1][2] = \"Test 1-3\";
    SubCategories[2] = new Array;
    SubCategories[2][0] = \"Test 2-1\";
    SubCategories[2][1] = \"Test 2-2\";
    SubCategories[2][2] = \"Test 2-3\";
    SubCategories[3] = new Array;
    SubCategories[3][0] = \"Test 3-1\";
    SubCategories[3][1] = \"Test 3-2\";
    SubCategories[3][2] = \"Test 3-3\";

    function fillSubCategory(MainCategory) {
        if (MainCategory == 0) return false;
        for (i=0;i<SubCategories[MainCategory].length;i++) {
            document.testform.UnderKategori.options[i] = new Option(SubCategories[MainCategory][i], i);
        }
        document.testform.UnderKategori.options[0].selected=true;
    }
</script>




<FORM NAME=\"testform\">
<SELECT NAME=\"TopKategori\" onChange=\"fillSubCategory(document.testform.TopKategori.options[this.selectedIndex].value)\">
<OPTION>Vælg Kategori</OPTION>
<OPTION VALUE=\"1\">Kategori 1</OPTION>
<OPTION VALUE=\"2\">Kategori 2</OPTION>
<OPTION VALUE=\"3\">Kategori 3</OPTION>
</SELECT>

<BR><BR>

<SELECT NAME=\"UnderKategori\">
<OPTION>Vælg først TopKategori</OPTION>
</SELECT>
</FORM>



/ Lars
www.ljweb.dk

ps. gulgratis har gjort det samme, blot væsentligt mere besværligt... derfor er deres kode meget længere end den jeg har postet ovenfor. jeg ved ikke helt hvorfor de løser det på den måde...

<HTML>
<HEAD>
<TITLE></TITLE>
<script language=JavaScript>

function fyldBox2(n,f){
  //Tømmer lige box2:
  while (f.box2.options.length > 0){
    f.box2.options[0] = null
    }
  if (n==0){
    f.box2.options[f.box2.options.length] = new Option (\"Undervalg1 1\",\"value_1_1\")
    f.box2.options[f.box2.options.length] = new Option (\"Undervalg1 2\",\"value_1_2\")
    }
  if (n==1){
    f.box2.options[f.box2.options.length] = new Option (\"Undervalg2 1\",\"value_2_1\")
    f.box2.options[f.box2.options.length] = new Option (\"Undervalg2 2\",\"value_2_2\")
    }
  }
</script>

</HEAD>

<BODY>
<form name=\"myForm\">
<select name=\"box1\" onChange=\"fyldBox2(document.myForm.box1.selectedIndex,document.myForm)\">
<option selected>Valg 1</option>
<option>Valg 2</option>
</select>
<br>
<select Name=\"box2\">
<option value=\"value_1_1\">Undervalg1 1</option>
<option value=\"value_1_2\">Undervalg1 2</option>
</select>
</form>
</BODY>
</HTML>

Lidt for sent, men den virker da

:o)

Du skal have tusinde tak for det hurtige og kvalificerede svar! 

no problemo dude :)

Til ljwebs svar:

Er det ikke muligt at tillægge underkategorierne en unik value ? Sådan at \"Test 2-2\" ikke har den samme value som \"Test 1-2\"

Glem det - jeg er bare dum !