Hi,I tried to use @change event handler but I have some problems.

this is my code - in template:

<template>
    <mdb-select ref="select" search :label="label" :placeholder="placeholder" :options="options" @search="onSearch" />
</template>

and my method:

onSearch(search) {
    if (this.timer) {
        clearTimeout(this.timer);
        this.timer = null;
    }
    this.timer = setTimeout(this.search, 1000, search);
},
search(search) {
    if (search != ''){
    this.axios({
        url: this.url + `/${search}`,
        method: "get"
    }).then(response => {
        this.options = [];
        response.data.forEach(item => {
            let element = {text: item[this.description], value: item.id };
            this.options.push(element);
        });
        console.log('options is ----------------',this.options)
    });
}
},

when I write the first character in search input it works, but, if i wait a second and write a second character it immediately filter the option list (with old options list data) and when my method change options data the list become empty

thanks in advance

Davide

Hi @Mikołaj Smoleński,

Are there any developments on this issue. I also need a server-side filtering option for long lists in mdb-select.

Thanks in advance,

Currently such options is not available, but I'm adding your issue to our list of important features. We'll be working on it soon. Thanks for reporting.

Best regards

Yes, we have a very long list of options and I would like to pull from the server a hundred options that start like what the user is typing in. I would essentially hit a web service upon every keystroke in the search box.

Hi there,

I'd like to make sure I understand correctly. You need to get the current value of search field in select in order to make a special request to your server?

Best regards