Topic: Initialize Select options via Javascript
Expected behavior It would be convenient to be able to create a Select via Javascript
Actual behavior Looking at the source code, it seems that the constructor retrieves the list of options to be rendered by iterating over the child nodes of the select DOM element. If my interpretation is correct, it means that the list of options can only be provided explicitly in the html markup, but not as an argument to the constructor. Is there a way to fully initialize a Select via Javascript, by providing also the list of options to some method? Or a way to modify the list of options after a Select has been created?
Resources (screenshots, code snippets etc.)
Hi,
There is no method which would allow to add or delete existing options, but it's quite simple to do it manually. All you need to do is:
dispose()mdb.Select- append new options to the original select (HTML DOM Element)
- re-init instance of the mdb.Select
I've also prepared live demo for you:https://mdbootstrap.com/snippets/standard/mlazaru/5014443
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- User: Pro
- Premium support: No
- Technology: MDB Standard
- MDB Version: MDB5 6.1.0
- Device: laptop
- Browser: Brave Browser Version 1.48.167 Chromium: 110.0.5481.104 (Official Build) (64-bit)
- OS: Windows 10 Enterprise 22H2
- Provided sample code: No
- Provided link: No
Torroni pro commented 2 years ago
In case it is not clear, by options I mean the choices presented by the drop-down menu of the Select control, not the mdb options used to configure the behavior of the control