← Back to Search & Filter

Custom Select Dropdowns using JS?

Posted

by

Forums › Forums › Search & Filter Pro › Custom Select Dropdowns using JS?

Viewing 3 posts – 1 through 3 (of 3 total)
  • Anonymous
    (Private)  November 1, 2018 at 11:22 pm #192544

    Hi there!

    LOVE the plugin, it always comes to my rescue. I have a client that wants to style the dropdowns pretty specifically and I think the only way to achieve this is to use javascript, something akin to this:

    https://www.w3schools.com/howto/tryit.asp?filename=tryhow_custom_select

    But from what I see, S&F uses pretty specific attributes applied to the various Options on the select dropdowns to drive the filtering function.

    What are my options here? Is it possible to style the dropdowns using JS so we can escape the ugly browser dropdown rendering?

    Trevor
    (Private)  November 2, 2018 at 10:28 am #192559

    I think the advice in this thread would be your best place to start:

    https://support.searchandfilter.com/forums/topic/customizing-select/

    Anonymous
    (Private)  November 2, 2018 at 4:33 pm #192615

    YES! I never realized that’s what a Combobox was, haha! Otherwise I would have went straight for that. Good to know. That did it and many nested classes later I have a fully styled dropdown that meets the client’s spec. Thanks Trevor, you created an amazing tool that just keeps on giving! 🙂

  • Author
    Posts
Viewing 3 posts – 1 through 3 (of 3 total)
Search & Filter Support
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

We also use cookies to store items in your cart as well as allowing your to login on the site.

You can adjust all of your cookie settings by navigating the tabs on the left hand side.

By continuing to use this site, you also agree to our Privacy Policy.