Aktiv drop down-menu

F.eks.

<select name="valgboks" onchange="if(this.selectedIndex>0)showElm(this.value);">
  <option>--Vælg--</option>
  <option value="punkt1">Punkt 1</option>
  <option value="punkt2">Punkt 2</option>
  <option value="punkt3">Punkt 3</option>
  <option value="punkt4">Punkt 4</option>
</select>

<div id="punkt1" style="display:none;">
  Noget tekst i første punkt !-)
</div>
<div id="punkt2" style="display:none;">
  Noget tekst i andet punkt !-)
</div>
<div id="punkt3" style="display:none;">
  Noget tekst i tredje punkt !-)
</div>
<div id="punkt4" style="display:none;">
  Noget tekst i fjerde punkt !-)
</div>

<script type="text/javascript">
function showElm(elm){
  for(i=1;4>i;i++)document.getElementById('punkt'+i).style.display='none';
  document.getElementById(elm).style.display='block';
}
</script>

-- og inde i de elementer kan du sætte hvadsomhelst, tekst, grafik, hele websider !-)

Cool, tusind tak, det virker jo fint - blot en lille ting, jeg har prøvet at lade et af menupunkter være <selected> (uden Vælgpunktet), men det lykkedes ikke. Kan det lade sig gøre?

Ja, men så skal du:

<select name="valgboks" onchange="showElm(this.value);">
  <option value="punkt1">Punkt 1</option>
  <option value="punkt2">Punkt 2</option>
  <option value="punkt3">Punkt 3</option>
  <option value="punkt4">Punkt 4</option>
</select>

<div id="punkt1" style="display:block;">
  Noget tekst i første punkt !-)
</div>
<div id="punkt2" style="display:none;">
  Noget tekst i andet punkt !-)
</div>
<div id="punkt3" style="display:none;">
  Noget tekst i tredje punkt !-)
</div>
<div id="punkt4" style="display:none;">
  Noget tekst i fjerde punkt !-)
</div>

-- og selvfølgelig beholde script-blokken !-)

Undskyld at jeg først kommer igen nu - det hele virker fint:-) Vil blot gerne give dig nogle point?

Velbekomme '-)

-- og tak for point ;~}