Archief - JS: Dropdown in html met javascript : display ="block"

Jump menu in html met javascript : display ="block"

Hi,
ik heb een vraagske over javascript in html.
Ik heb een dropdownmenu op mijn site,en ik wil als gebruike een item selecteerd, dat de content
van de geselecteerde div zichtbaar wordt.
Ik heb al de display="block" funtion en de dropdown menu werkt ook al, en de aparte divs staat
ook al klaar, maar ik wil enkel nog weten hoe ik de code maak als mijn de items in de
dropdown menu selecteerd.

mijn code van mijn dropdown is:
<select name="Lyrics" onChange="MM_jumpMenu('parent',this,0)">
<optgroup label="Lyrics">
<option selected>--Chose Song--</option>
<option value="parce.html">Parçe-que ça brûle</option>
<option value="alcohol.html">Ode to alcohol</option>
<option value="doors.html">Close the door</option>
<option value="traag.html">Da traag</option>
</optgroup>
<optgroup label="Covers">
<option value="have.html">To have or to have not</option>
<option value="kids.html"> If the kids</option>
<option value="blitz.html">Blitzkrieg Bop</option>
<option value="burn.html">Burn your youth</option>
</optgroup>
</select>

en mijn javascript code is:

function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}

function contentblok1()
{
var oElement = document.getElementById('contentblok1').style.
if (oElement.display == "none")
{
oElement.display = "block"
}
else
{
oElement.display = "none"
}
}

css code is:
#contentblok {
overflow:auto;
width:486px;
height:250px;
background-image:url(images/content_transparant.gif);
background-repeat:no-repeat;
float:left;
}
#parce {
overflow:auto;
width:486px;
height:250px;
background-image:url(images/content_transparant.gif);
background-repeat:no-repeat;
float:left;
display:none;
}

alvaste bedankt voor de hulp

mvg

Dave Lancel.