Is it possible to insert an image to the left of each option in a dropdown menu?

  • Profile Image
    shoaibrais
    Asked on March 07, 2014 at 01:00 AM
     Please help me! I will really appreciate your work.How can i create drop down menu which contain images.example link is given  http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/examples/index.html
    I want to create  this type of drop down menu.Please help me, and tell me step by step with screen shots that ,how can i create this type of drop down menu.I mean which contain images.I already share with you example of drop down menu.
    Please email me for this solution.
  • Profile Image
    abajan
    Answered on March 07, 2014 at 05:41 AM

    There may be a way to do it with injected CSS. Let me try something and get back to you.

  • Profile Image
    abajan
    Answered on March 07, 2014 at 11:39 AM

    Hi again,

    I'm afraid this didn't turn out as I had hoped. (Unfortunately, CSS :before doesn't work with dropdown options.) The best solution I could find that wouldn't require getting a copy of the form's full source and embedding it in a website along with a script was this one which seems to work only in Firefox.

    So, it appears your only recourse would be to use a script similar to the jQuery Image Dropdown solution to which you referred.