Change Dropdown down code From select > option to ul > li

The codes above it not a real ‘Select’ field. It’s only css and js designed html dropdown.

The plugin can’t do it, because it need to be select input field in order the search to work.

Thanks, but i’ve been trying to add a few HTML to the drop down but it get stripped…Why

How do you add the HTML? And what did you changed?

Hey TC.K, I didn’t want to create a new topic as this is pretty much also what I want to do.

I want to replace the default dropdown using a jquery plugin that will transform a <select> to an unordered list I can style to my needs. What I don’t know is how to make these links functional so they can trigger your plugin’s search filter. Is this something I can do by editing your code? maybe you can guide me towards the files I would have to modify, thanks!

Well, I don’t know how your jquery plugin works, so I can’t tell what is the solution.

Normally, jquery plugin will need to define the class of the select field in order to make it works. So, look for the select field you want to tied with the jquery.

Thank you @tc.K. I looked around for different plugins that wouldn’t require much modification from this side, and came across this nifty tool.
I hope it’s useful to you too @yesfree, all you have to do is add a class to your dropdown and style the list to your needs.