當Keyup或Keydown事件時Typeahead填充文本框

我試圖將typeahead字段（.typeahead）的建議列表中的值添加到另一個文本輸入中。例如，當我鍵入「A」並從建議值中進行鍵入或鍵入時，值應該顯示在文本字段中.result如何在鍵入前存檔。有什麼特別的方法可以與之搭配嗎？當Keyup或Keydown事件時Typeahead填充文本框

<input type="text" class="typeahead box"/> 
<input type="text" class="result" placeholder="Result"/> 
<script> 
var states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 
    'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 
    'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 
    'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 
    'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 
    'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota', 
    'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 
    'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 
    'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming' 
]; 

var states = new Bloodhound({ 
    datumTokenizer: Bloodhound.tokenizers.whitespace, 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    // `states` is an array of state names defined in "The Basics" 
    local: states 
}); 

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

</script>

來源

2016-06-29 blakcaps

仍然困惑爲什麼這麼多人試圖從typeahead.js中獲得任何好處。這是一個被遺棄的項目，沒有維護，250個未解決的問題 - 其中一些非常非常嚴重 - 但關於這個混亂的問題似乎永遠不會結束在stackoverflow :( – davidkonrad

我已經找到了自己。使用typeahead:cursorchange來獲取值。

$('.typeahead').bind('typeahead:cursorchange ', function(ev, suggestion) { 
    $('.result').val(suggestion); 
});

來源

2016-06-29 07:23:29 blakcaps

當Keyup或Keydown事件時Typeahead填充文本框

回答

相關問題