6

i have this script

<select>
<option value="1">one<img src="star.gif" height="15" width="15"></img> </option>
</select>

but it doesn't work. how can i put an image into select? thanks

update:

so it's impossible?:(maybe via javascript?...

animuson
  • 53,861
  • 28
  • 137
  • 147
Simon
  • 22,637
  • 36
  • 92
  • 121

5 Answers5

22

you can't - DOM model doesn't allow img elements inside option elements

plodder
  • 2,304
  • 18
  • 19
6

Most website which associate images with a certain option in a menu use JavaScript or jQuery to change an image at the left or right of the menu whenever a new option is selected. However, it is not possible in any way to put an image inside or set a background image for an option element.

animuson
  • 53,861
  • 28
  • 137
  • 147
1

Try creating a menu list instead:

http://plugins.jquery.com/project/Plugins/category/44

dkinzer
  • 32,179
  • 12
  • 66
  • 85
0

There is no way to make this work cross-browser, as lots of browsers restrict what you can do with the tag. FireFox browser is the only exception. But anyway, HTML tags inside options are not allowed according to the standards

RGR
  • 1,521
  • 2
  • 22
  • 36
0

perhaps setting a background image with CSS - never done this so don't know if it works on not - I am guessing there will be browser issues with this too.

matpol
  • 3,042
  • 1
  • 15
  • 18
  • 1
    Option elements are too picky with styling, background images will not work. It's because an option element doesn't actually have background attributes, they have to follow the styles of the select element they fall under. – animuson Mar 26 '10 at 16:40