在SELECT元素中显示图像

Question

For example:

<code>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</code>

I want to use some image in place of 1, 2 or 3. But looks like it is not working. You Geek people, help me out of this, how can I do that? Is there any alternative solution you can provide?

thanks

Answer 1

What you're asking isn't possible using "straight" HTML - you'd need to use JavaScript, ideally a library such as the popular jQuery , which quite possibly has a plug-in that already does this.

As a (random) example, see http://www.marghoobsuleman.com/jquery-image-dropdown