xxxxxxxxxx
1
<div id="basic" class="form-outline">
2
<input type="text" id="form11" class="form-control" />
3
<label class="form-label" for="form1">Example label</label>
4
</div>
1
1
xxxxxxxxxx
1
const basicAutocomplete = document.querySelector('#basic');
2
const input = document.querySelector('#form11');
3
const data = ['One', 'Two', 'Three', 'Four', 'Five'];
4
const dataFilter = (value) => {
5
return data.filter((item) => {
6
return item.toLowerCase().startsWith(value.toLowerCase());
7
});
8
};
9
10
const myAutocomplete = new mdb.Autocomplete(basicAutocomplete, {
11
filter: dataFilter
12
});
13
14
basicAutocomplete.addEventListener('itemSelect.mdb.autocomplete', (e) => {
15
console.log(e.value)
16
e.preventDefault();
17
myAutocomplete.close();
18
})
Console errors: 0