ユーザーが結果を選択した場合にのみ、typeahead.jsの結果を保存する方法は？

Question

質問ユーザーがリストから状態を選択すると、状態の値を取得したいと思います。私はこれまで、次のいる：しかし、結果はすべての時間を節約しているユーザーが値を選択しているユーザーが文字ではなく：それはこのように思える

$('form').on("change", ".state", function(e){ 
    var $contextualDiv = $(e.target).closest('div'); 
    var $state = $contextualDiv.find('.state'); 
    $state.each(function(i,v){ 
     console.log($(v).val()); 
    }); 
    ... 

もアクセスするための正しい方法ではありませんオブジェクトを介して選択されます。ドキュメントに基づいて、私はちょうどラインを介してそれをつかむことができる必要があります：

var $ state = $（ '。state'）。typeahead（ 'val'）;

これは私の現在のコードです：

HTML：

<form> 
    <div> 
     <input class="state tt-input"> 
    </div> 
    ... 
</form> 

jqueryの/ typeahead.js実装：

<script> 
    $(document).ready(function() { 

    var bh = new Bloodhound({ 
     datumTokenizer: Bloodhound.tokenizers.whitespace, 
     queryTokenizer: Bloodhound.tokenizers.whitespace, 
     prefetch: { 
      url: '/get_states/', 
      prefetch: function(settings) { 
      settings.type = "GET"; 
      return settings; 
      }, 
     }, 
     }); 

    $('.state').typeahead({ 
     hint: true, 
     highlight: true, 
     minLength: 1 
    }, 
    { 
     name: 'states', 
     source: bh, 
    }); 

    var substringMatcher = function(strs) { 
     return function findMatches(q, cb) { 
     var matches, substringRegex; 

     // an array that will be populated with substring matches 
     matches = []; 

     // regex used to determine if a string contains the substring `q` 
     substrRegex = new RegExp(q, 'i'); 

     // iterate through the pool of strings and for any string that 
     // contains the substring `q`, add it to the `matches` array 
     $.each(strs, function(i, str) { 
     if (substrRegex.test(str)) { 
      matches.push(str); 
     } 
     }); 

     cb(matches); 
    }; 
    }; 

における '状態' で変数 '航空会社' を交換してくださいピクチャー。

Answer 1

先行入力ライブラリーは、ユーザーがオプションを選択したイベントをトリガします。そのイベントの名前はtypeahead:selectです。あなたの実装のために働くためにこれを適応することができ

$('.typeahead').bind('typeahead:select', function(ev, suggestion) { 
    console.log('Selection: ' + suggestion); 
}); 

：ここdocumentationに提供された例があります。

私はこれが動作すると思います

：

$('form input.state').on("typeahead:select", function(e, suggestion) { 
    console.log("Selection: ", suggestion); 
    // OR 
    // console.log("Selection", $(this).typeahead("val")); 
});