如何在 ajax 中使用 keyup/keydown 并使用自动完成功能进行选择答案

【问题标题】：how to use keyup/keydown and select with autocomplete function in ajax如何在 ajax 中使用 keyup/keydown 并使用自动完成功能进行选择
【发布时间】：2017-12-04 12:12:54
【问题描述】：

我可以使用 onclick 功能选择值，但我也想使用 keyup/keydown 选择值。我尝试了很多东西，但这些都不起作用。当我必须到达时我需要使用什么功能使用 keyup/keydown 正确的值并选择该值。

              $("#employer").autocomplete({
                    source: function (request, response) {
                        $.ajax({
                            type: "POST",
                            url: "employerNameAutoSuggestionList?ajax=true",
                            data: { employer: request.term },
                            success: function (result) {
                                var arr =result.data;
                                $("#suggesstion-box").empty();
                                $("#suggesstion-box").show();
                                if($("#employer").val() == "")
                                {
                                    $("#suggesstion-box").hide();
                                }
                                $("#suggesstion-box").append('<ul id ="empVal" style="list-style-type: none; display:inline" ></ul>');
                                var ul = document.getElementById("empVal");
                                 for (var i = 0, length = arr.length; i < length; i++) {
                                   var li = document.createElement("li");
                                   li.appendChild(document.createTextNode(arr[i]));
                                   ul.appendChild(li);
                                   ul.onclick = function (li) {
                                        $("#employer").css("background","#FFF");
                                        $("#employer").val(li.target.innerText);
                                        $("#suggesstion-box").hide();

                                    }

                                }
                                arr = null;


                            },
                            error: function (xhr, status, error) {
                                alert(error.responseText);
                            }

                        });
                    }

                 });

            $("#employer").on({
                keyup: function () {
                    if ( $(this).val() == "" ) {
                        $("#suggesstion-box").hide();
                    }
                }
            });

        </script>

【问题讨论】：

标签： jquery ajax jsp autocomplete

【解决方案1】：

请检查语法。示例如下。

$("#employer").on("keyup", function () {
                    if ( $(this).val() == "" ) {
                        $("#suggesstion-box").hide();
                    }
});

【讨论】：

上面的代码工作正常，当我们在文本框中没有任何内容但我想添加新功能时隐藏建议框，以便 keyup/keydown 可以工作，我可以选择一个特定的价值。
我想让你检查的是放置'keyup'事件的语法，以及它的回调方法。