Open MDB Select on page load


Topic: Open MDB Select on page load

BizRTC pro asked 4 years ago

Hi I want to expand or open the MDB Select Dropdown on some event or page load. How do I do that ?

I am trying to do this for MDB Select :

https://mdbootstrap.com/docs/jquery/forms/select/#outline


Krzysztof Wilk staff answered 4 years ago

Hi!

You can expand an MDB Dropdown component from the start by adding the .show class to the .dropdown and .dropdown-menu div elements (Warning - it is important to add the classes to both elements!).

You can manipulate them on default browser events to achieve your goals.

I made a snippet for you, so you can check how it should look like. You can find it here: https://mdbootstrap.com/snippets/jquery/krzysztof-wilk/2763892

Hope it will meet your expectations :)

Best regards


BizRTC pro commented 4 years ago

Hi Thank you for replying. I am looking to open this select dropdown on page load or some event : https://mdbootstrap.com/docs/jquery/forms/select/#outline


Krzysztof Wilk staff commented 4 years ago

Hi!

I made another snippet with a solution for you - check it here: https://mdbootstrap.com/snippets/jquery/krzysztof-wilk/2767812#js-tab-view

Best regards


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.1
  • Device: Windows
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes