允許箭頭鍵導航/輸入功能自動提示框

Question

林學習如何實現自動提示框，我只是無法弄清楚如何使用箭頭鍵訪問結果並輸入按鈕。我真的不知道我會如何去做這件事。我已經擁有了它，所以當我點擊包裝盒上的結果移至輸入字段，但現在我想使結果accessable使用箭頭鍵，當你點擊進入將該項移動到輸入字段。 繼承人我的代碼：

<div class="input-wrapper"> 
<input type="text" class="autosuggest" value="Type in a city or town" onblur="onBlur(this)" onfocus="onFocus(this)" > <input type="submit" value="Search"> 

<div class="dropdown"> 
    <ul class="result"></ul> 


</div> 
</div> 

和文字：

$(document).ready(function() { 
$('.autosuggest').keyup(function() { 
var search_term = $(this).attr('value'); 

$.post('php/search.php', { search_term: search_term }, function(data) { 
    $('.result').html(data); 

$('.result li').click(function(){ 
    var result_value = $(this).text(); 
    $('.autosuggest').attr('value', result_value); 
    $('.result').html(''); 

    }); 

    }); 

}); 
    }); 
    function onBlur(el) { 
    if (el.value == '') { 
     el.value = el.defaultValue; 
    } 
    } 
    function onFocus(el) { 
     if (el.value == el.defaultValue) { 
     el.value = ''; 
    } 
    } 

Answer 1

$('.autosuggest').keyup(function(e) { 
    if(e.which == 13) { 
     // yourcode 
    } 
});