onChange fra dropdown liste... Vis forskellige ting

lytter

jeg har et script, som ændrer indholdet i en dropdown boks!

Det burde ikke være så svært, at bygge om!

<html>
<head>
<script language=\"JavaScript\">

var k1 = new Array(
    \"1_1\",\"SubKategori 1_1\",
    \"1_2\",\"SubKategori 1_2\",
    \"1_3\",\"SubKategori 1_3\"
);

var k2 = new Array(
    \"2_1\",\"SubKategori 2_1\",
    \"2_2\",\"SubKategori 2_2\",
    \"2_3\",\"SubKategori 2_3\",
    \"2_4\",\"SubKategori 2_4\",
    \"2_5\",\"SubKategori 2_5\"
);

var k3 = new Array(
    \"3_1\",\"SubKategori 3_1\",
    \"3_2\",\"SubKategori 3_2\"
);

function setSelect(whichForm) {
    subKat = whichForm.s1.options[whichForm.s1.selectedIndex].value;
    subKatArray = eval(\"window.\"+subKat);
    whichForm.s2.options.length = 0;
    for (i=0; i<subKatArray.length; i+=2) {
        whichForm.s2.options[whichForm.s2.options.length] = new Option();
        whichForm.s2.options[whichForm.s2.options.length-1].value = subKatArray[i];
        whichForm.s2.options[whichForm.s2.options.length-1].text = subKatArray[i+1];
    }
}

</script>

</head>
<body>

<form name=\"f\">

<select name=\"s1\" onchange=\"setSelect(this.form);\">
    <option value=\"k1\">Kategori 1</option>
    <option value=\"k2\">Kategori 2</option>
    <option value=\"k3\">Kategori 3</option>
</select>

<select name=\"s2\">
    <option value=\"1_1\">SubKategori 1_1</option>
    <option value=\"1_2\">SubKategori 1_2</option>
    <option value=\"1_3\">SubKategori 1_3</option>
</select>

</form>
</body>
</html>

Philip: den er fin, men den kunne jeg også lave.

Jeg vil gerne have følgende:
1 dropdown box (og intet andet)
- når der vælges noget fra dropdownboxen skal det se sådan ud:

dropdownboxen samt X antal input felter

Smid dine inoutfelter ind i layers og ændr vivbility-propertyen med onChange-eventen.
hth
jes

Øeh...

Smid dine inputfelter ind i layers (<div>) og ændr visibility-propertyen med onChange-eventen.
hth
jes

roenving: kunne du give et ultrakort eksempel?

To indgangsvinkler, med og uden stylesheet:

<div name=\"div1\" style=\"gemt\">
<input name=\"pedersen\" type=\"text\">
</input>
</div>

og som onChange en js-funktion, som bl.a. indeholder en linie:
Document.Form_navn.elements[div1].style=\"synlig\"

og i style-sheet\'et:
gemt:visibility=\"hidden\"
synlig:visibility=\"visible\"

check lige syntaksen for stylesheet\'et!

---eller også

<div name=\"div1\" options=\"..., visibility=hidden\">
<input name=\"pedersen\" type=\"text\">
</input>
</div>

og som onChange en js-funktion, som bl.a. indeholder en linie:
Document.Form_navn.elements[div1].options[visibility]=\"visible\"

syntaksen for options er jeg også lige usikker på, men ideen skulle være klar nok

hth
jes

<ole>
Hvis det også skal virke i NS4.x, bør du nok lige læse:
    http://www.dansteinman.com/dynduo/
...under forms.
/mvh
</bole>