Topic: Dynamic select initialization
How do you do dynamic initialization for select component , like for input
https://mdbootstrap.com/docs/standard/forms/input-fields/#section-dynamic-input-initialization
I tried
document.querySelectorAll('.select').forEach(function (selectNode) {
new mdb.Select(selectNode).init();
});
but get an error.
Here is snippet with example: https://mdbootstrap.com/snippets/standard/kpienkowska/4322005
This means I have to write all my selects as strings. Not an option. Isnt there a consistent way to do it like the input element where you have a method .init() on all instances with the class?
You can do that. And your initial code was almost good.
You don't need to call init method.
It will look like this:
document.querySelectorAll('.select').forEach(function (selectNode) {
new mdb.Select(selectNode);
});
nick.kaynes pro premium priority commented 2 years ago
No its not the same. This will recreate all select nodes even ones that are ready created resulting in 2 select components. The input initialization works with .init() because it only recreates component if not allready created.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 4.4.0
- Device: windows desktop
- Browser: chrome
- OS: windows
- Provided sample code: No
- Provided link: Yes