How to dynamically add option value to an existing multiselect element that has data

[mhguelleh]

Hi, thanks for the wonderfull library.
But I am looking for a feature that I did not see in the docs.

Is there a way to add a newly created option to an existing multiselect element while preserving the data that's already present in the multiselect ?

For example, I have a multiselect that is initialized with an array of data on page load

1. My array is filled like so:

const arrFillMultiSelectElement = arrDataDependencies?.map(data => (
    {
        "label": data.at(1)?.toString().trim() || "", // name
        "title": data.at(1)?.toString().trim() || "", // name
        "value": data.at(0)?.toString().trim() || "", // id
        "selected": false, 
        "disabled": false, 
        "attributes": null 
    }
)) || [];

2. My multiselect element is initialized with the array like so:
   $(multiSelectElement).multiselect('dataprovider', arrFillMultiSelectElement);

3. The multiselect is checked and some values are selected.

4. But then a new value is added later in the HTML and I need to read and add that value to the multiselect (already contains data and values).

Right now, I can just do by destroying what's present and recreating the multiselect from scratch, which means I lose all information that was already checked within the multiselect.

Thanks for any help