Dynamically added select initialisation

Topic: Dynamically added select initialisation

slavaveto asked 3 years ago

0 0

I am building a modal dynamically with a select in the modal body. But the styling on the selectisnt applied

how to solve it?

Add comment

Dawid Wajszczuk staff answered 3 years ago

0 0 Best answer

Hi,

Try this code:

document.querySelectorAll('.select').forEach((select) => {
        const instance = mdb.Select.getInstance(select)
        if (!instance) {
            new mdb.Select(select)
        }
});

Keep coding,
Dawid

Add comment

slavaveto answered 3 years ago

0 0 Best answer

thanks! it works just fine

Add comment

Write

Create snippet

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: Free
Premium support: No
Technology: MDB Standard
MDB Version: MDB5 3.9.0
Device: MacBook
Browser: Chrome
OS: MacOs
Provided sample code: No
Provided link: No

Related topics

7: Keyboard tab navigation to search field of material select is not working. Upon receiving the focus to search textbox, dropdown disappears and leaving inaccessible for a keyboard user

2: Add/Remove of select options multiplies nested wrappers

2: MD Select showing HTML chars incorrectly on load

2: mdb-select label not wrapped with the select input with 4.8.7

2: Select selected not working !!

About author

slavaveto

25Support score
3Questions 1Answers

0Snippets likes 0Snippets