Javascript-forum
div-Elemente einblenden - Druckversion

+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4)
+--- Forum: Javascript (https://javascript-forum.de/forumdisplay.php?fid=6)
+--- Thema: div-Elemente einblenden (/showthread.php?tid=132)



div-Elemente einblenden - wak - 29.07.2021

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


RE: div-Elemente einblenden - admin - 30.07.2021

Mit Klassen und nativ Javascript
https://basti1012.bplaced.net/index.php?ordner=javascriptforum&id=462
Dann kannst du fade in und sowas selber zusammen nageln


RE: div-Elemente einblenden - wak - 04.08.2021

Danke!