dropdown box

Onchange hører til på selecten.

Et lidt mere generelt svar, læg mærke til at jeg har valgt at bruge display attributten i stedet for visibility, på den måde kan flere forskellige mulige select bokse stå på samme sted.

<select name="kategori" id="kategori" onchange="for(var i=1;i<6;i++) document.getElementById('box'+i).style.display='none';document.getElementById('box'+this.selectedIndex).style.display='';">
    <option value="0">Vælg kategori</option>
    <option value="guldkorn">Guldkorn</option>
    <option value="jokes">Jokes</option>
    <option value="kerlighed">Kærlighed</option>
    <option value="astrologi">Atrologi</option>
    <option value="motion">Motion/Kost</option>
</select>
<br>
<select id="box1" style="display:none;"></select>
<select id="box2" style="display:none;"></select>
<select id="box3" style="display:none;">
    <option value="0">Vælg Horoskoper2</option>
    <option value="vedder">Vædder</option>
    <option value="tyr">Tyr</option>
    <option value="tvilling">Tvilling</option>
    <option value="krebs">Krebs</option>
    <option value="jomfru">Jomfru</option>
    <option value="vagt">Vægt</option>
    <option value="skorpin">Skorpion</option>
    <option value="skytte">Skytte</option>
    <option value="stenbuk">Stenbuk</option>
    <option value="vandbarer">Vandbærer</option>
    <option value="fisk">Fisk</option>
</select>
<select name="horoskoper" id="box4" style="display:none;">
    <option value="0">Vælg Horoskoper</option>
    <option value="vedder">Vædder</option>
    <option value="tyr">Tyr</option>
    <option value="tvilling">Tvilling</option>
    <option value="krebs">Krebs</option>
    <option value="jomfru">Jomfru</option>
    <option value="vagt">Vægt</option>
    <option value="skorpin">Skorpion</option>
    <option value="skytte">Skytte</option>
    <option value="stenbuk">Stenbuk</option>
    <option value="vandbarer">Vandbærer</option>
    <option value="fisk">Fisk</option>
</select>
<select id="box5" style="display:none;"></select>