Live-Beispiel

HTML-Quelltext

<label id="selectDepartmentLabel"> Abteilung: </label>
<div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-labelledby="selectDepartmentLabel" > Bitte auswählen ... </button>
  <ul class="dropdown-menu" >
    <li> <a class="dropdown-item" href="#"> Präsident </a> </li>
    <li> <a class="dropdown-item" href="#"> Präsidialbüro </a> </li>
    <li> <a class="dropdown-item" href="#"> Knowledge Exchange and Outreach </a> </li>
    <li> <a class="dropdown-item" href="#"> Computational Social Science </a> </li>
    <li> <a class="dropdown-item" href="#"> Data and Research on Society </a> </li>
    <li> <a class="dropdown-item" href="#"> Data Services for the Social Sciences </a> </li>
    <li> <a class="dropdown-item" href="#"> Knowledge Technologies for the Social Sciences </a> </li>
    <li> <a class="dropdown-item" href="#"> Survey Data Curation </a> </li>
    <li> <a class="dropdown-item" href="#"> Survey Design and Methodology </a> </li>
    <li> <a class="dropdown-item" href="#"> Administration </a> </li>
    <li> <a class="dropdown-item" href="#"> IT Infrastruktur und Services </a> </li>
  </ul>
</div>