BenjaminB: select options einrücken ohne die Shortcut Tasten zu verlieren

Beitrag lesen

Hi selfhtml Foren Benutzer,

ich glaube das ist eine nicht ganz einfache Geschichte, und zwar habe ich ein select-Dropdown mit über 600 Optionen. Diese Optionen stellen Kategorien dar, wobei diese Kategorien nach dem ParentChild Prinzip aufgebaut sind.

Nun versuche ich eine Möglichkeit zu finden, in diesem Dropdown zu verdeutlichen, welche Kategorie eine Unterkategorie von einer anderen Kategorie ist. Da es aber soviele Kategorien sind, will ich aber nicht die Funktionalität verlieren, mittels drücken der Buchstabentasten direkt zu einer Option zu springen, bzw durch drücken von zB "H" mehrmals, alle Optionen durchzuspringen die mit "H" beginnen.

Der meist benutzte Weg ist folgender:

<option>Oberkategorie 1</option>
<option>&nbsp;Unterkategorie 2 von Oberkategorie 1</option>
<option>&nbsp;Unterkategorie 3 von Oberkategorie 1</option>
<option>&nbsp;&nbsp;Unterkategorie 1 von Unterkategorie 3</option>
....
...
..
.

So wird jede Kategorie nach ihrem Level mit &nbsp; eingerückt. Das Problem hierbei ist, das nun diese Shortcut-Funktion mit dem Drücken der Buchstaben für diese Optionen nicht mehr funktioniert, da der Browser nun denkt, die Option startet mit &nbsp; und nicht mehr mit ihrem respektivem ersten Buchstaben. Somit geht mir diese Funktionalität verloren.

Ich habe schon erste Versuche gemacht mit CSS diesen Inhalt einzurücken, doch gelungen ist es mir bis jetzt noch nicht.

Wäre wirklich genial, wenn da jemand eine Idee hätte.
Danke im Voraus
MfG Benjamin