Как использовать автозаполнение. js библиотека для Algolia (вместо InstantSearch) таким образом, что при заполнении ввода «A» вводятся «B» и «C» из одного и того же индекса.
Я использую этот пример, но я не понимаю, как подключить новые входы таким образом, чтобы при заполнении одного входа остальные входы автоматически заполнялись
var client = algoliasearch('ApplcationID', 'API');
var index = client.initIndex('indexName');
function newHitsSource(index, params) {
return function doSearch(query, cb) {
index
.search(query, params)
.then(function(res) {
cb(res.hits, res);
})
.catch(function(err) {
console.error(err);
cb([]);
});
};
}
autocomplete('#search-input', { hint: false }, [
{
source: newHitsSource(index, { hitsPerPage: 5 }),
displayKey: 'name',
templates: {
suggestion: function(suggestion) {
return suggestion._highlightResult.name.value;
}
}
}
]).on('autocomplete:selected', function(event, suggestion, dataset, context) {
console.log(event, suggestion, dataset, context);
});
<input type="text" id="search-input" placeholder="Select movie" />
<script src="https://cdn.jsdelivr.net/npm/algoliasearch@4/dist/algoliasearch.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/autocomplete.js/0/autocomplete.min.js"></script>