Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
div-Elemente einblenden
#1
Hallo,

Ich möchte über ein Dropdown das ausgewählte div-Objekt einblenden und die anderen 2 ausblenden. 
Das Grundgerüst habe ich schon, nur weiss ich nicht, wie ich den Rest machen soll.

Code:
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <select name="dropdown" id="dropdown" onchange="berechne()" >
        <option value="">Auswahl</option>
        <option value="1">div1</option>
        <option value="2">div2</option>
        <option value="3">div3</option>
        </select>

        <div id="div1">
            <p>Das ist div1.</p>
        </div>

        <div id="div1">
            <p>Das ist div2.</p>
        </div>

        <div id="div3">
            <p>Das ist div3.</p>
        </div>
</body>
</html>

Danke
Walter
Zitieren
#2
mit klassen und nativ javascript https://codepen.io/basti1012/pen/PomRXKv?editors=1010
Dann kannst du fade in und sowas selber zusammen nageln
Zitieren
#3
Danke!
Zitieren


[-]
Schnellantwort
Nachricht
Geben Sie hier Ihre Antwort zum Beitrag ein.


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste