Problems with images in dropdown(single select)

I really going crazy bananas on this one.. I hope someone can help me.

I got a dropdown(single select) that I want too show different images.

A example:
If I have icons for female and male. I want to show this icons in the drop down list. Instead of the text "Male" or "Female"

In the fields "Profile Edit Value Layout" I have this code:

[cb:if cb_dropdowngender includes "male"]<img src="images/maleicon.png"/>[/cb:if]
[cb:if cb_dropdowngender includes "female"]<img src="images/femaleicon.png"/>[/cb:if]


But it doesnt work.

The result is that the dropdown list disappears.

Do I somehow need to implement some HTML tags like Select or options in the "Profile Edit Value Layout"?

Someone have any idea?

You can't have images inside of the dropdown. You'd need to completely replace the dropdown with something like select2, which would require a new fieldtype plugin. You can output an image when the field displays on profile though using the Profile Value Layout parameter with your IF substitution, but you need to supply live site links to your images as the relative usage won't work with Joomla SEF.