Javascript 如何获取自动完成文本的值[使用Horsey插件]

我正在使用创建文本输入的自动完成。我正在使用第3个示例中的键/值对，我想在我的应用程序中发布键/值id，而不是我搜索的文本值

horsey(document.querySelector('#search_field'), {
  source: [{ list: [
    { value: 'banana', text: 'Bananas from Amazon Rainforest' },
    { value: 'apple', text: 'Red apples from New Zealand' },
    { value: 'orange', text: 'Oranges from Moscow' },
    { value: 'lemon', text: 'Juicy lemons from the rich Amalfitan Coast' }
  ]}],
  getText: 'text',
  getValue: 'value'
});

所以我知道我必须从某个地方调用getValue函数，但我不确定如何调用

可以使用插入标记时运行的predictNextSearchinfo

horsey(document.querySelector('#search_field'), {
  source: [{ list: [
    { value: 'banana', text: 'Bananas from Amazon Rainforest' },
    { value: 'apple', text: 'Red apples from New Zealand' },
    { value: 'orange', text: 'Oranges from Moscow' },
    { value: 'lemon', text: 'Juicy lemons from the rich Amalfitan Coast' }
  ]}],
  getText: 'text',
  getValue: 'value',
  predictNextSearch(info) {
        //get the suggestion selected by the user
        console.log(info.selection.value);
  }
});

---

希望这有帮助

一旦选择要填充字段的值，字段是否填充？字段在按enter键后填充文本，但我看不到获取keyvalue的方法：它是否作为属性或html存在于元素中？使用inspect元素，我看不到添加的任何属性，因此我假设它是html文本。另一方面，在文档中，它说：horseyelement，options将一个小API返回到horseyautocomplete列表实例中。我猜是这个从horsey返回的实例需要应用getValue方法。我试过了，但没有成功。Horsey绑定到元素“search_field”，因此选定的值将存在于该元素中。这听起来可能微不足道，但您是否尝试过类似$target.changefunction{alertthis.innerHTML；}；在元素有填充值后，您能添加元素的内容吗？谢谢，现在我可以使用PredicTextSearch设置输入字段的值属性，这似乎是一个很好的解决方案。再次感谢！