Auswahlbox mit Unterkategorien

[FreddyS]

Guten Abend, habe eine Auswahlbox mit Unterkategorien wie folgt erstellt:

<select name="xy">
<optgroup label="Namen mit A">
<option label="Anna>Anna</option>
<option label="Anton">Anton</option>
</optgroup> usw. Namen mit B, c ,......

Angezeigt wird die Auswahlliste beim Aufruf mit Inhalt Anna

Ich würde aber gerne nur die Überbegriffe (alle, also Namen mit A..., Namen mit B usw) anzeigen und die Inhalte nur, wenn die entspr. Überkategorie angeklickt wird.

Geht das und wenn ja wie

 

[threadi]

Die Browserunterstützung für optgroup ist imho leider noch ziemlich uneinheitlich. Deshalb wird es schwer sein deinen Wunsch damit zu realisieren.

Aber mal anders gefragt: was Du willst sieht mir fast nach einem Menü aus? Dieses könnte sich je nachdem wie Du wünschst ein- und ausklappen. Dafür müsstest Du nur statt <select> ein <ul> verwenden. Oder hast Du ein Formular, welches dieses <select>-Feld benötigt?

 

[FreddyS]

hallo threadi,

nein, select benötige ich nicht zwingend.

Habe ul bisher nur in verbindung mit li verwendet, aber das ist wohl hier nicht gemeint.

Werde es gleich mal probieren (Ein- und Ausklappen).

Danke für den Tip

 

[threadi]

Doch, das ist damit gemeint. Auf <ul> kann nur <li> folgen. Viel Erfolg :)

 

[FreddyS]

habe die auswahlliste mit ul und li erstellt, passt soweit.

Aber wie stelle ich es an, dass die unterkategorien ein- bzw. ausgeklappt werden

 

[threadi]

Wenn es onmouseover sein darf, geht es per CSS:

HTML

<ul>
<li>Hauptkategorie
<ul>
<li>Unterkategorie</li>
</ul>
</li>
</ul>

CSS:

li ul { display: none; }
li:hover ul { display: block; }

Wenn es onclick sein darf, dann musst Du es mit JavaScript lösen.

 

[FreddyS]

sollte bei onclick erfolgen, werde es mal mit js versuchen

danke