Here is a more efficient solution:

const basicAutocomplete = document.querySelector('#basic');
const data = ['One', 'Two', 'Three', 'Four', 'Five'];
const dataFilter = (value) => {
  return data.filter((item) => {
    return item.toLowerCase().startsWith(value.toLowerCase());
  });
};

new mdb.Autocomplete(basicAutocomplete, {
  filter: dataFilter
});

basicAutocomplete.addEventListener('itemSelect.mdb.autocomplete', (e) => {
  console.log(e.value);
});

Hi Denre, I'm running into the same problem. Could you give an explanation on how to read this object? I'm at a loss as to how to get the information once it has been selected.

I would like to dynamically change the form based on the input from the autocomplete box.

-- edit --

I also eventually figured this one out - or at least I figured out something that will work for me. The key is that you can capture the mdb.Autocomplete object here:

        const autocomplete = new mdb.Autocomplete(basicAutocomplete, {
            filter: dataFilter,
        });

and then trigger on an event listener here to get another field to dynamically change based on the input from the auto-selector:

        basicAutocomplete.addEventListener('itemSelect.mdb.autocomplete', (e) => {
            for (i in subjects) {
                if (subjects[i].name == autocomplete._filteredResults[0]) {
                    modalBodySubjectID.value = subjects[i].id;
                }
            }
        })