從Ajax建議文本框中使用箭頭鍵選擇數據

Question

我有一個輸入文本框，用戶在其中輸入一些數據並按Enter鍵。 然后顯示一些建議，然后用戶應該能夠使用箭頭鍵從這些建議中選擇值。 然后，他使用回車鍵從建議中選擇一個數據，並且所選的值應顯示在輸入文本字段中。 我可以使用鼠標執行所有這些操作，但是現在我想使用箭頭鍵執行此操作。 這就是我使用jquery實現enter key event的方式。

 $('#dishes').keydown(function (e){
    if(e.keyCode == 13){
       menusearch('dishes','<?=$user_id?>') ;
    }
}) 

我正在按照這些思路尋找東西。

Answer 1

我現在有與您需要類似的任務：

$("#searchterm2").keyup(function(event) {
if ( event.keyCode != '13' && event.keyCode != '38' && event.keyCode != '40') { //user input some symbol
    if( helpbox_closed == 1 ){ //if autocomplete is still hidden
        $('div.saveSearchTmp > input:last').val($("#searchterm2").val()); // saving user's value
        $("#helpBox").show() //show autocomplete box
                     .load("searchAjax.php", {words: $("#searchterm2").val()},function(){
            checkAJAX(); //creating ajax request to get fields by user's value and setting helpbox_closed = 0
        });
    }
}

if( ( event.keyCode == '40' || event.keyCode == '38') && $("#helpBox").css('display') == 'none' )
    $("#searchterm2").keyup(); //if user push up or down and autocomplete box is hidden we show it
else if( event.keyCode == '40'){
    helpbox_closed = 0;
    //your code here to move current li/div/or what you have 
}else if( event.keyCode == '38'){
    helpbox_closed = 0;
    //your code here to move current li/div/or what you have 
}});

抱歉，我沒有看到用於自動填充的html框，所以這就是我所提供信息的全部內容。