php - 使用箭头键从 ajax 建议文本框中选择数据

Question

我有一个输入文本框，用户在其中输入一些数据并按回车键。然后显示一些建议，然后用户应该能够使用箭头键从这些建议中选择值。然后，他使用回车键从建议中选择一个数据，并且该所选值应显示在输入文本字段中。 我可以使用鼠标执行所有这些操作，但现在我想使用箭头键执行此操作。这就是我使用 jquery 实现输入键事件的方法。

 $('#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，所以这就是我可以通过您提供的信息告诉您的全部内容。