How can I show images to select on a html form? [duplicate]

Question

This question already has answers here:

How to add images in select list? (15 answers)

Closed 9 years ago.

I want to show something like select option, but with images in stead of text. Is that possible? I get the images src by php. Once you select a image I want to take his src to submit my form.

Answer 1

Hope this helps...

<select name="selectBox1">
  <option value="img1.png" style="background-image:url(img1.png);">male</option>
  <option value="img2.png" style="background-image:url(img2.png);">female</option>
  <option value="img2.png" style="background-image:url(img3.png);">others</option>
</select> 

On submitting the form you will get the selected value inside $_POST["selectBox1"] post variable.

Thanks.

Answer 2

You can use

background-image:url(url here)