onChange attribute is broken on initialization

[peppies]

I have an element like the following, which lists 100s of countries via MySQL:

<select class="form-select" name="country" id="country" onChange="test()" data-placeholder="Anything" data-search="false" multiple data-multi-select>

When the page loads loads up and the MultiSelect initializes, the onChange="test()" seems to get lost and no longer works. The only other way to get it initialized is to manually reinitialize with the following (which I have not even tried yet):

new MultiSelect('#country', {
data ....
 onChange: test(),
});

The problem with this, is it loses all the original data, so now I have to rebuild the data array inside that reinitialize script, which is a hassle. When the page loads for the first time and MultiSelect runs automatically, it should just copy and paste whatever I have in the "onChange" attribute into the new MultiSelect instance without me having to do anything.

[mestrini]

The plugin does copy the various dataset values but not the events. At the moment you have to use the plugin onChange since the original select element is removed from DOM along with the event in the line this.selectElement.replaceWith(this.element);
Maybe make this a feature request?