Select box with content below

[Juc1]

Hi all,

I have copied https://www.w3schools.com/howto/howto_custom_select.asp to https://codepen.io/Juc1/pen/LYpNddq

Can anyone please tell me how I can show corresponding content below the select list eg an image of the relevant car? (Using this or other Javascript but not jQuery)

 

Thanks...

[Makwana Prahlad]

try it

<select>
  <option style="background-image:url(male.png);">male</option>
  <option style="background-image:url(female.png);">female</option>
  <option style="background-image:url(others.png);">others</option>
</select> 

 

[dsonesuk]

Not IN select list option, below, select BMW, a Image of BMW appears with content below.