Dropdown + Button + pdf öffnen

[Greuth]

Hallo,

ich möchte gern eine Liste mit pdf Dateien in dropdown anzeigen lassen und per Button dann die ausgewählte pdf Datei in neuen Fenster öffnen.

Überlegt habe ich mir folgendes, aber komme nicht weiter:

<form method="get">
<b>Datei auswählen:</b>
<select name="pdfdatei" size="1">
<option value="C:\Datein\1.pdf">Erste Datei</option>
<option value="C:\Datein\2.pdf">Zweite Datei</option>
<option value="C:\Datein\3.pdf">Dritte Datei</option>
</select>
</form>

<button onclick="myFunction()">Click me</button>

<script>
function myFunction() {
.....
}
</script>

 

[AoW]

könntest du dir auch sowas in der Art vorstellen?
<div class="dropdown">
<button class="dropbtn">Dropdown</button>
<div class="dropdown-content">
<a href="C:\Datein\1.pdf">Erste Datei </a>
<a href="C:\Datein\2.pdf">Zweite Datei </a>
<a href="C:\Datein\3.pdf">Dritte Datei </a>
</div>
</div>

+CSS
Findest du hier

How To Create a Hoverable Dropdown Menu (w3schools.com)

 

[scatello]

Sowas auch machbar mit css?

Ja, und somit wäre deine Frage korrekt beantwortet.

Stichworte: max-height, overflow

 

[Greuth]

Danke für die hilfe