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

StackOverflow https://stackoverflow.com/questions/22639033

  •  21-06-2023
  •  | 
  •  

Question

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.

Was it helpful?

Solution

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.

OTHER TIPS

You can use 

background-image:url(url here)
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top