Secondary initialize mdb-select is possible

  1. MDB Home Page
  2. Support Main Page
  3. jQuery
Topic: Secondary initialize "mdb-select" is possible

Boris Akimenko pro asked 3 years ago

Hi guys! Secondary initialized  $('.mdb-select').material_select(); gives multiple material view on already initialized selects. So if I dynamically add some <select> element, then I have to get this element and initialize it instead just run $('.mdb-select').material_select().

Mikołaj Smoleński staff answered 3 years ago

Hi Boris, Can You try to give select a new class each time You add the next select? Then You can initialize only this select without changing the others. Regards

Boris Akimenko pro commented 2 years ago

This is not good if I try to initialize a several new elements.

Mikołaj Smoleński staff commented 2 years ago

What about the below solution? Best regards

Alex Gotardi pro answered 3 years ago

Boris, See https://mdbootstrap.com/support/fix-multi-material-select/ or destroy and create mdb-select, but's more expensive to browser cpu-usage   
// Material Select Destroy
$('.mdb-select').material_select('destroy');

Mikołaj Smoleński staff commented 3 years ago

Thanks for sharing Your solution!

Boris Akimenko pro commented 3 years ago

Thank you Alex! But destroy is not good way as you say :) Init function must check selects by class which added when it initialized

Mikołaj Smoleński staff commented 3 years ago

Boris, is Alex solution working in Your project?
Write
Create snippet
Please insert min. 20 characters.
Status

Open

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Boris Akimenko
Pro User
15Support score
14Questions 6Answers
0Snippets likes 0Snippets

We use cookies to offer you a better browsing experience, analyze site traffic, personalize content, and serve targeted advertisements. Read about how we use cookies and how you can control them by clicking "Cookie Settings." If you continue to use this site, you consent to our use of cookies.