For a selector with the multiple attribute, when multiple values are selected, only one value remains.

[shoysenberg]

Hello Dima! I'm developing a filter, and I chose yours as a library for rendering a beautiful selection. You probably designed it for the filter, which is very convenient! But there was a problem with selecting two values in the selector, I set the EventListener to change, and only the first selected value is displayed in the selector, although the native selector has the multiple attribute.

[William-H-M]

Hi, do you have any working example?
Currently, I do something like this on a helper like file

defaultSelect.addEventListener('change', function (e) {
    return getSelectedValues();
});

getSelectedValues() {
    let values = Array.from(defaultSelect.options)
        .filter((x) => x.selected && x.value)
        .map((x) => x.value);
    if (!values.length) {
        return null;
    }
    if (defaultSelect.multiple) {
        return values;
    }
    return values[0];
}

[afonja14755]

Hello @shoysenberg, please provide some example.

[afonja14755]

@William-H-M, @shoysenberg.

If I understand the essence of the question correctly, unfortunately, this is standard behavior even in a native select. First and foremost, I strongly recommend passing form data using new FormData, but if it happens that you have to extract and handle them manually, then I added the method getSelectedValues in latest release for you, which returns an array of the values of the selected options.

[William-H-M]

@afonja14755 Yeah, I was just answering the question, is this getSelectedValues something that shouldn't affect the behavior of the native select.
The way I did it is because I'm using a vue component, so the model does indeed return something an API could accept.

But is nice to have something the library can handle itself, thanks