Я пытаюсь показать некоторые результаты поиска при материализации автозаполнения ввода
но это не работает должным образом
поэтому, когда я пишу такие слова, как «Galaxy S9»
покажи мне только один результат: https://imgur.com/a/EOb7B9R
но когда я печатаю результат в консоли, он показывает мне это: https://imgur.com/M87x4Hm
Кроме того, когда вывести мою мышь и повторно щелкнуть панель поиска, он покажет мне все результаты: https://imgur.com/QccTmGm
это мой код:
html:
<form autocomplete="off" class=" hide-on-med-and-down" id="form1">
<div class="input-field" style="max-width: 300pt;">
<input class="autocomplete" id="autocomplete-input" type="search">
<label class="label-icon" for="autocomplete-input">
<i class="material-icons prefix searchbar">search</i></label>
<i class="material-icons rtlx">close</i>
</div>
</form>
javascript :
var elems = document.querySelectorAll('#autocomplete-input');
var instances = M.Autocomplete.init(elems, {
limit: 4,
});
$('#autocomplete-input').keyup(function () {
console.log($('#autocomplete-input').val());
$.ajax({
type: "GET",
url: "https://localhost:44358/searching?text=" + $('#autocomplete-input').val(),
processData: false,
contentType: "application/json",
success: function (data) {
var response = data;
let dataresp = [];
for (var i = 0; i < response.length; i++) {
dataresp[response[i].brand + ' ' + response[i].model] = response[i].imgUrl;
}
try {
console.log(dataresp);
instances[0].updateData(dataresp);
} catch (e) {
console.log(e);
}
}
});
});
та же проблема, упомянутая в Github:
https://github.com/Dogfalo/materialize/issues/5690