How to add an image to select option in HTML with PHP?

Question

I want to add an image in select option in HTML with PHP.

The image is first fetched from a database.

echo '<option value='.$ifet['productimage'].'><img src='.$ifet['productimage'].'/></option>';

Possible duplicate of [How to add a images in select list](http://stackoverflow.com/questions/2965971/how-to-add-a-images-in-select-list) — Kevin Brown-Silva, Jan 01 '17 at 17:23

score 2 · Answer 1 · answered Mar 12 '14 at 07:56

2

images don't work in select infact any type of CSS is not supported in select except line-height and border you can use jquery:

answered Mar 12 '14 at 07:56

Alex

Depends on browser. See [this](http://stackoverflow.com/a/2966006/4405465) solution for adding SVG-images in FireFox – Hasse Björk Nov 21 '15 at 23:23

score 2 · Answer 2 · answered Mar 12 '14 at 07:58

2

To add images in a select list you'll have to add them as a background-image.

<select>
    <option value='displayvalue' style='background-image:url(".print $ifet['productimage'].");'></option>
</select>

or use it as CSS

select option[value='displayvalue']
{background-image:url(".print $ifet['productimage'].");}

answered Mar 12 '14 at 07:58

score 0 · Answer 3 · answered Mar 12 '14 at 07:54

Try this

<option value="<?=$ifet['productimage']?>"><img src="<?=$ifet['productimage']?>" /></option>

OR

<option value="<?php echo $ifet['productimage']; ?>"><img src="<?php echo $ifet['productimage']; ?>" /></option>

3 Answers3