Label bei SELECT

[Gunnar Bittersmann]

@@Rolf B

ob es einen konfigurativen Weg mit HTML/CSS gibt, weiß ich nicht. Bestimmt weiß Gunnar das.

Du weißt das doch auch:

Das HTMLSelectElement Interface enthält keine passende Methode, das HTMLOptionsCollection Interface, hinter dem sich die Options-Liste verbirgt, auch nicht.

das Verändern der size des Selects

Was Anderes fiele mir auch nicht ein. (Natürlich nicht fest verdrahtet auf die gegenwärtige(!) Anzahl von Optionen, sondern auf selectElement.options.length.)

wodurch die Optionen sichtbar werden aber das Layout zerfetzt wird

Was man durch absolute Positionierung einschränken könnte. ☞ Beispielkarte

D.h. wenn Du tatsächlich die Notwendigkeit hast, ein Select programmatisch aufklappen zu lassen, brauchst Du irgendeine Widget-Library die Dir ein erweitertes Select anbietet (das dann aber kein HTML Select mehr ist). HAST Du diese Notwendigkeit?

Andersrum gedacht: Hast du tatsächlich die Notwendigkeit, die Optionen zuzuklappen? Die Antwort ist in den meisten Fällen: nein.

Dann ist ein select-Dropdown das falsche UI-Element; eine Gruppe von Radiobuttons, bei der alle Optionen sichtbar sind, ist das Mittel der Wahl.

LLAP 🖖