Suche // Search:

24.01.2011

Mehrstufige Dropdown-Liste
//
Multilevel dropdown list

Dropdown-Listen sind nützlich aber je nach Menge der Werte elend lang und dadurch unübersichtlich.
Gute Beispiele sind die Länder- oder Branchenauswahlen in den Anmeldeformularen vieler Websites.
Da finden sich gerne mal 100 und mehr Werte die ersteinmal gelesen werden wollen.
Wer macht das schon?

Dieses Beispiel zeigt, wie man in einer einzigen Dropdown-Liste mehrere Ebenen definieren kann, die jeweils nur einige wenige Werte anzeigen und dadurch übersichtlicher sind.
Eine getroffene Auswahl bringt den Benutzer eine Ebene tiefer und zeigt nur zu der Auswahl passende Werte an (Vom Groben ins Detail).


Dropdown Lists a useful but depending on the amount of values they display also very multitudinous.
Good examples are those country- or branch selections in the registration forms of many websites.
There you can have 100 or more values to read over. Who is really doing this?

This example shows how you can design a single dropdown list with several levels which only have a few values and are more readable.
A selection brings the user a level deeper which only shows values that matches the selection (top-down method)

Mehrstufige Dropdown-Liste – mit 3 Ebenen
//
Multilevel dropdown list – with 3 levels

Beispiel-Formular
//
Sample form
https://files.acrobat.com/a/preview/a056804c-a535-4a33-aeea-e0e1df82d346

2 Kommentare:

  1. Hallo Radzmar,

    Gutes beispiel - danke!

    Ich mag das neues layout und Foto.

    Tschuss,

    Niall

    AntwortenLöschen
  2. Hallo Niall,

    vielen Dank.
    Freut mich, dass es Dir gefällt.

    ;-)
    Radzmar

    AntwortenLöschen