Hallo!

Ich möchte folgendes per Javascript/CSS erreichen:

Ich habe ein drop-down-Menü, aus dem man aus mehrere Einträgen wählen kann. Nun möchte ich, wenn ein ganz bestimmter Eintrag ausgewählt wird, dass ein div sichtbar gemacht wird. Z.B., indem der CSS-Wert "Visibility" angesprochen wird.

Das müsste doch per javascript möglich sein, oder? Kann mir hier jemand einen Tip dafür geben?

jo ist möglich

zb mit

document.getElementById('iddeseinzublendendendivs').style.visibility = "visible"

Danke, aber wie mache ich es, dass das bei der Auswahl aus dem Drop-Down-Menü passiert?

Das Drop-Down-Menü ist folgendermaßen aufgebaut:

<form id="menu" name="menu">
<select size=1>
<option value="a">Option a</option>
<option value="b">Option B</option>
<option value="c">Option C</option>
</select>
</form>

Wird z.B. "Option c" ausgewählt, soll ein bestimmtes div eingeblendet werden.

div id="iddeseinzublendendendivs">inhalt</div>

dann machst de bei deinem dorpdown das entsprechende event drauf, zb bei onchange.

so könnte s dann zb so aussehen

<form id="menu" name="menu" onchange="document.getElementById(this.selectedValue).style.visibility ='visible';">
<select size=1>
<option value="iddesandereneinzublendendendivs">Option a</option>
<option value="iddeseinzublendendendivs">Option B</option>
<option value="iddesganzandereneinzublendendendivs">Option C</option>
</select>
</form>

Wird z.B. "Option c" ausgewählt, soll ein bestimmtes div eingeblendet werden.

div id="iddeseinzublendendendivs">inhalt</div>

hier noch ein "tipp"

ich würde das nicht mit visibility sondern mit display = none oder display = block machen.

Gruß
Richard

ich im allgemeinen ja auch.

Danke für die Mühe und den Tip

Eigentlich müsste es auch funktionieren, tut es aber nicht:

<form>
<select size=1 onChange="document.getElementById(this.selectedValue).style.visibility ='visible'">

<option value="a">a</option>
<option value="b">b</option>

</select>
</form>
<div id="b" style="background: #ccc; height: 200px; width: 400px; visibility: hidden;"></div>

Funktioniert das mit "onChange" vielleicht nicht?

Auch mit "display" funktioniert es nicht. Komisch.

<form>
<select size="1" onChange="document.getElementById(this.selectedValue).style.display ='block';">

<option value="a">a</option>
<option value="b">b</option>

</select>
</form>
<div id="b" style="background: #ccc; height: 200px; width: 400px; display: none;"></div>

Habe diesen Link gefunden und den Code etwas angepasst - funktioniert jetzt

Nein es müßte so nicht funktionieren, da selectedValue einfach nicht vorhanden ist.

<form action="" method="">
<select onchange="document.getElementById(this.value).style.display='block';">
<option value="div1">Div 1</option>
<option value="div2">Div 2</option>
<option value="div3">Div 3</option>
</select>
</form>
<div id="div1" style="display:none ">div 1</div>
<div id="div2" style="display:none ">div 2</div>
<div id="div3" style="display:none ">div 3</div>

So funktioniert das ganze.