如何获取自动填充文本的值[使用Horsey插件]

时间:2016-08-17 07:26:33

标签: javascript jquery

我使用Horsey plugin为文字输入创建了自动填充功能。我使用了键/值对(第3个示例here),我想要发布键值(我的应用中的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函数,但我不确定如何。

1 个答案:

答案 0 :(得分:1)

您可以使用在插入代码时运行的 predictNextSearch(info)

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);
  }
});

希望这有帮助!