How to display images within a drop down box instead of text

Question

Hi all,

Are there any ways to show images instead of text within a drop down box (using the tag)?

Thanks in advance, Monte

Answer 1

You can't do this with normal drop down boxes in HTML. You might be able to build something like a drop down box with JQuery or something similar, but there isn't anything to do this in normal HTML.

Answer 2

You can use the optgroup tag inside of your selection tag. These are allowed to be styled and have a background image. Style it via css and put one option per group.

w3c optgroup description

Answer 3

I assume that you're tagging about a dropdown box for a web browser. If that assumption is true, and if you're willing to use Javascript, then you could use something like the Javascript Custom Dropdown v2.1 by Marghoob Suleman.

Answer 4

I have created an ASP.NET server-side control (using AJAX) that has a checkbox list in what appears to be a dropdown, so I can tell you -- it CAN be done. Two panels, one which looks like a dropdown and shows the other when you click it. Put the payload in the other panel.

That get you started?