JavaScript Einblenden von div bei Dropbox auswahl

furryhamster

Lt. Commander
Registriert
Okt. 2008
Beiträge
1.101
Hi,

habe ne dropbox mit mehreren auswahlmöglichkeiten. je nach auswahl soll ein anderes div dargestellt werden.

wie bewerkstellige ich das? in google bin ich auf onchange aufmerksam geworden. allerdings weiß ich nicht wie ich die auswahl erkenne und dann das jeweilige div einblende
 
an das onchange ein javaskript hängen, den value der ausgewählt wurde kannst du als paramter dem javaskript übergeben und dann die entsprechenden DIVs per Style ein und ausblenden.
 
mittels JavaScript den CSS-Wert "display" der Divs manipulieren ;)
Code:
function change(fak) {
                if(fak=='ciw') {
                    document.getElementById('mach').style.display = "none"
                    document.getElementById('ciw').style.display = "inline"
                }
                if(fak=='mach') {
                    document.getElementById('mach').style.display = "inline"
                    document.getElementById('ciw').style.display = "none"
                }
}
und im html-Code als onClick-Eventhandler im input-whatever-Tag:
Code:
onClick="change('ciw')"
 
Zuletzt bearbeitet:
danke. grundkonzept verstehe ich. mein problem ist noch, dass ich nicht weiß wie ich den value übergebe. in beispielen im internet wird immer in der select box das onchange geschrieben. da aber je nach auswahl etwas anderes angezeigt werden soll, muss der übergebene parameter ja variabel sein. in deinem beispiel übergebe ich ja nur einen einfachen string. hier mal ein beispiel was ich meine

<select onchange="funktionsnahme('variable')
<option value='1'> test1 </option>
<option value='2'> test2 </option>
</select>
 
Zurück
Oben