dropdown box

Hvis du smider begge to i en div med et id du kalder et eller andet relevant, men ikke det samme, så kan du gøre som følger:

<div id="dette-er-box-1" style="visibility:hidden;">
Dette er boks 1
</div>

<div id="dette-er-box-2" style="visibility:hidden;">
Dette er boks 2
</div>

Nu har du to skjulte bokse, nu kan du så med et link, eller checkbox, vise dem med javascript:

<a href="Javascript:;" onclick="document.getElementById('dette-er-box-1').style.visibility='visible');">vis box 1</a>

<a href="Javascript:;" onclick="document.getElementById('dette-er-box-2').style.visibility='visible');">vis box 2</a>

har prøvet det sån her, men det virker ikke :/

<select name="kategori" id="kategori">
    <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"><a href="Javascript:;" onclick="document.getElementById('box2').style.visibility='visible');">Astrologi</a>
</option>
    <option value="motion">Motion/Kost</option>
</select>
<div id="box2" style="visibility:hidden;">


<select name="horoskoper" id="horoskoper">
    <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>

Nej, du har bare smidt linket ind som en option, du skal sætte onClick eventet i selve optionen: (kan godt være den hedder onSelect, så sender lige begge eksempler - prøv begge)

onClick:

<select name="kategori" id="kategori">
    <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" onclick="document.getElementById('box2').style.visibility='visible');">Astrologi
</option>
    <option value="motion">Motion/Kost</option>
</select>
<div id="box2" style="visibility:hidden;">


<select name="horoskoper" id="horoskoper">
    <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>

onSelect:

<select name="kategori" id="kategori">
    <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 onselect="document.getElementById('box2').style.visibility='visible');">Astrologi
</option>
    <option value="motion">Motion/Kost</option>
</select>
<div id="box2" style="visibility:hidden;">


<select name="horoskoper" id="horoskoper">
    <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>

Prøv det, hvis ikke det virker, skal jeg nok lige finde den rigtige kode til dig - har ikke lige adgang til koden herfra, men mener det er sådan der

har lige prøvet begge to og kan stadig ikke få det til at virke :/

    <option value="astrologi" onclick="document.getElementById('box2').style.visibility='visible');">Atrologi</option>

    <option value="astrologi" onselect="document.getElementById('box2').style.visibility='visible');">Atrologi</option>

prøv onchange i stedet

    <option value="astrologi" onchange="document.getElementById('box2').style.visibility='visible');">Atrologi</option>

det virker stadig ikke

 <select name="kategori" id="kategori">
     <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" onchange="document.getElementById('box2').style.visibility='visible');">Atrologi</option>
     <option value="motion">Motion/Kost</option>
 </select>
 
 <div id="box2" style="visibility:hidden;">
 <select name="horoskoper" id="horoskoper">
     <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>
 </div><!-- box2 -->

okay, var lige inde og finde mit script nu

Hvis ikke du har en js fil skal du bare indsætte følgende i head sektionen på din side:

<script type="text/javascript">
function showBox2()
{
	if(document.getElementById("kategori").value = "astrologi")
	{
		document.getElementById("box2").style.visibility="visible";
	}
}
	
</script>

og så koden:

<select name="kategori" id="kategori" onchange="showBox2();">
     <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>
 
<div id="box2" style="visibility:hidden;">
 <select name="horoskoper" id="horoskoper">
     <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>
</div>

Til dine drop down bokse

Har selv testet det, og det virkede her

Takker