在 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調用。 像這樣的東西：

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

你也可以用同樣的方式定義onClickBefore回調，它會在“正常”輸入行為開始之前立即被調用