Topic: How to set both value and name in multiselect?
I am wanting to set the name and value of each select option as different values programmatically.
I am using: (docs here)
const multiSelect = document.querySelector('#multiSelection');
const multiSelectInstance = mdb.Select.getInstance(multiSelect);
multiSelectInstance.setValue(['3', '4', '5']);
However, this sets the name and value as the same value.
Sorry all I was looking at this wrong. I was trying to use multiSelectInstance.setValue to create the options however this is only to set the selections.
I ended up using:
const departments = [{ID: 1, Name: "Sales"},{ID: 2, Name: "Operations"}];
const departmentsDropdown = document.querySelector("#departmentsDropdown");
departments.forEach((department) => {
opt = document.createElement("option");
opt.value = department.ID;
opt.textContent = department.Name;
departmentsDropdown.appendChild(opt);
});
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB Standard
- MDB Version: MDB5 3.8.0
- Device: PC
- Browser: Chrome
- OS: Ubuntu
- Provided sample code: No
- Provided link: Yes