Question

我可以使用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>

Answer 1

请检查语法。以下示例。

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

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

1 个答案: