<option> - Tag mit individuellem Inhalt

[ChristophKind]

Hallo Leute,

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?

Dank & Gruß

[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

[Multi]

Zusätzlich zu den Ausführungen von Martin hast du noch die Möglichkeit, ein Dropdown per CSS und evtl. JSaus alternativen Elementen nachzubauen.
Ob der Nutzen den Aufwand aufwiegt, musst du selbst entscheiden.

[MudGuard]

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,

ach ja? Ne Graphik ist kein Problem: Uralt-Artikel

cu,
Andreas

[JürgenB]

Hallo MudGuard,

ach ja? Ne Graphik ist kein Problem: Uralt-Artikel

funktioniert aber nicht im Chrome (16.0.912.75 m).

Gruß, Jürgen

[Kai345]

[latex]Mae  govannen![/latex]

ach ja? Ne Graphik ist kein Problem: Uralt-Artikel

funktioniert aber nicht im Chrome (16.0.912.75 m).

Auch nicht in Opera 11.52. Und in IE 7 (In IE8 und Opera 11.6x wahrscheinlich ebenfalls nicht, aber ich bin gerade nicht an dem Computer, auf dem diese installiert sind).

Stur lächeln und winken, Männer!
Kai

[MudGuard]

Hi,

ach ja? Ne Graphik ist kein Problem: Uralt-Artikel
funktioniert aber nicht im Chrome (16.0.912.75 m).
Auch nicht in Opera 11.52.

hätte nicht gedacht, daß die so rückständig sind.
Dabei wird hier doch Opera immer als der supertolle und schnelle Browser dargestellt.
Und dann haben 10 Jahre (seit Erstellung des Artikels) nicht gereicht, das in Opera zu implementieren? Traurig.

cu,
Andreas

[Kai345]

[latex]Mae  govannen![/latex]

Auch nicht in Opera 11.52.

hätte nicht gedacht, daß die so rückständig sind.
Dabei wird hier doch Opera immer als der supertolle und schnelle Browser dargestellt.
Und dann haben 10 Jahre (seit Erstellung des Artikels) nicht gereicht, das in Opera zu implementieren? Traurig.

Es geht weder in Safari, Chrome, IE bis mindestens 8 und Opera. Ich sehe da ein Muster.

Stur lächeln und winken, Männer!
Kai

[MudGuard]

Hi,

Es geht weder in Safari, Chrome, IE bis mindestens 8 und Opera. Ich sehe da ein Muster.

Ich auch: die taugen alle nichts. ;-)

cu,
Andreas