Как получить значение текста автозаполнения [с помощью плагина Horsey]

Question

Я использую Horsey plugin для создания автозаполнения для ввода текста. Я использую пары ключ/значение (третий пример here), и я хочу, чтобы POST значение ключа (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 откуда-то, но я не уверен, как это сделать.

Answer 1

Вы можете использовать previewNextSearch (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); 
    } 
}); 

Надеюсь, что эта помощь!