<option> tag mit bilder

[fragnicht]

Moinsen,

ich habe mich mal gefragt ob ich die option der select box mit einem bild machen kann das ich halt aufklappe und sehe dann kleine Bilder und kein Text...

In google hab ich es nicht gefunden

Hofe ihr habt ne idee nen <img> reinklatschen geht nicht^^

[Igäl]

Hab ich jetzt konkret noch nie gemacht, könnte mir aber vorstellen, dass du das mit CSS lösen könntest... Probier mal was in der folgenden Art:

<select name="dummy">
<option style="background-image:url('some_picture.jpg')">&nbsp;</option>
<option style="background-image:url('some_other_picture.jpg')">&nbsp;</option>
</select>

[fragnicht]

mmh scheint damit auch nicht zu gehen ... muss ich wohl noch nen bissl testen wenn es überhaupt geht...

[Montellese]

Kannst du vergessen! Mit normalem <select> und normalem <option> kriegt man das nicht hin! Du kannst natürlich aber ein <select> ohne <options> machen und beim onclick ein <div> sichtbar machen, wo die Elemente aufgelistet sind! Wenn du es geschickt anstellst, merkt man nicht mal, dass das kein <option> ist, braucht aber bissl Arbeit

Hier ein Beispiel, wie man es machen kann: Ajaxload - Ajax loading gif generator (beim Indicator type).

[fragnicht]

mmh stimmt eigentlich aber das krieg ich auch ohne ajax hin

[Montellese]

Natürlich kriegst du das ohne Ajax hin Mein Link führt dich zu einem Beispiel, wo du diese Variante umgesetzt siehst! Wenn du versuchen würdest, das Ganze über Ajax zu lösen, würdest du das ganze nur viel komplizierter machen Kam vielleicht nicht so rüber, dass auf der Seite, die ich verlinkt habe, ein Anschauungs-Beispiel ist und kein Tutorial oder so ^^

[fragnicht]

Ah oke sehe schon mmh sieht recht gut aus

Chef wird begeistert sein