xxxxxxxxxx
1
<div id="navboxSearch" class="d-flex justify-content-center">
2
<input id="navboxSearchInput" type="text" class="form-control autocompleteInput autocomplete-input">
3
</div>
4
1
1
xxxxxxxxxx
1
const basicAutocomplete = document.querySelector('#navboxSearch');
2
3
const data = [
4
{m: 'a',n: 'b'}
5
];
6
7
const dataFilter = (value) => {
8
return data.filter((item) => {
9
return item.n.toLowerCase().indexOf(value.toLowerCase())>=0;
10
});
11
};
12
const dataValue = (value) => {
13
return value.n;
14
};
15
16
mdb.Autocomplete.getOrCreateInstance(basicAutocomplete, {
17
filter: dataFilter,
18
displayValue: dataValue
19
});
Console errors: 0