I have a select dropdown, but my site select options typically look like this:
As selectable boxes.
Is there a jquery that can convert a dropdown select input to selectable boxes? I’m converting right now to pretty dropdown and was hoping I could just edit some CSS, but it’s a hot mess. Seeing if a simpler script.
Unfortunately the dropdown is dynamically generated after pageload by a bundle plugin on shopify, I can’t do a static edit of it. I run Pretty Dropdowns jquery after existence of those DOM elements are established to create the pretty dropdowns instead.
I’m trying to have a jquery function in waiting to run a loop on the select options and build select boxes instead.
Either way, the plugin responds to when its own dropdowns get changed, so I have to build something that after I change to another option, I alert the plugin by triggering a change on the hidden dropdowns.
If I can’t loop it, I may just have a static html to insert after the generation of the original select dropdowns, hide them, and just have onclick functions explaining to change to particular value in a particular dropdown.
I love the Pretty Dropdowns jquery plugin because it automatically loops and creates the visible pretty dropdowns on the fly, depending on what is in the original dropdowns.
I could co a lot of CSS !important rules to possibly get that output, which is meant to dropdown, to look like the rest of the site.