<option> - Tag mit individuellem Inhalt

[Der Martin]

Hi,

ich würde gerne in einer Select - Box individuellen Inhalt in die Option-Tags einbetten, wie z.B. Grafiken und Formatinformationen. Leider geht dies ja über CSS nicht direkt, von daher ist meine Frage, wie ich so etwas durch Javascript realisieren könnte?

gar nicht.

Natürlich kannst du mit Javascript versuchen, dem option-Element weitere Kindelemente anzuhängen. Das Content-Model sieht aber für option nur reinen Text vor; es ist also undefiniert, wie die Browser auf das so manipulierte DOM reagieren.

Darüber hinaus kannst du natürlich sämtliche CSS-Eigenschaften auch auf option anwenden; die Frage ist nur, ob sie tatsächlich wirken. Da ist die Bereitschaft der Browser, solche Formatierungen umzusetzen, auch sehr unterschiedlich. Generell ist das Styling von Formularelementen in gewisser Weise ein Lotteriespiel: Kann in manchen Browsern funktionieren wie gewünscht, in anderen wird's ignoriert.

Ciao,
 Martin