Question

我希望在文本框按键事件

上使用jQuery自动完成功能

我已尝试过以下代码，但它无效。

$("#txtName").keyDown({
    $("#txtName").autocomplete({
        source: '@Url.Action("GetAllName", "Home")',
        select: function (event, ui) {
            $("#txtName").val(ui.item.value);
            return false;
        }
    });
});

Answer 1

您不需要keyDown事件，否则您将在每次keydown重新绑定自动完成。

$("#txtName").autocomplete({
    source: '@Url.Action("GetAllName", "Home")',
    select: function (event, ui) {
        $("#txtName").val(ui.item.value);
        return false;
    }
});

要在输入一个字符时显示所有结果，请添加minLength: 1

如果你想要的是在文本框有焦点时显示所有项目，那么这就是你要找的东西：https://stackoverflow.com/a/4604300/1398425

Answer 2

如果您只是想让它开始搜索第一次按键，请尝试使用minLength: 1：

$("#txtName").autocomplete({
    source: '@Url.Action("GetAllName", "Home")',
    minLength: 1,
    select: function (event, ui) {
        $("#txtName").val(ui.item.value);
        return false;
    }
});

在Textbox KeyDown事件上设置jQuery自动完成

2 个答案: