Получение выбранного значения при автозаполнении в Jquery

Question

Я добавил функцию автозаполнения в форму в шаблоне HTML, я хотел бы выполнить некоторые действия при выборе подсказки, есть ли способ сделать это? Я использую Jquery -Typeahead . Вот мой фактический код:

$(document).ready(function(){

  // Defining the local dataset
  $.getJSON('http://127.0.0.1:8000/myapi', function(data) {
    console.log(data)

    var dt = data

    $(() => {

      $('#myform').typeahead({
        source: {
          data: dt.results.map(record => record.item)
        },
        callback: {
          onInit: function($el) {
            console.log(`Typeahead initiated on: ${$el.prop('tagName')}#${$el.attr('id')}`);
          },
          onClick: function() {
            console.log(); //How can i console.log() the selected value here, for example?
          }
        }
      });

    });

  });
});

Answer 1

Попробуйте определить обратный вызов onClickAfter, он вызывается сразу после нажатия пользователем на элемент. Как то так:

onClickAfter: function(node, a, item, event) {
  // item will be the item you selected
  console.log(item);
}

Вы также можете определить обратный вызов onClickBefore таким же образом, и он будет вызван непосредственно перед тем, как "нормальное" поведение типа type -head активируется