Set jQuery Autocomplete on Textbox KeyDown Event

Question

I want jQuery Autocomplete on textbox key down event

I have tried below code, but it is not working.

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

i think `$("#txtName").autocomplete()` is sufficient no need for keyDown — Sandip Pingle, Sep 15 '14 at 11:08
You just want it to begin searching on the first keystroke? Try using `minLength: 1`. — DevlshOne, Sep 15 '14 at 11:08
@SandipPingle $("#txtName").autocomplete() is working. But i want functionality like, when i first click on textbox and press key down, then all the results should come — User5590, Sep 15 '14 at 11:10
@AshleyMedway Here i am using Url.Action. so Home is my controller and GetAllName is ActionName — User5590, Sep 15 '14 at 11:11

score 4 · Accepted Answer · edited May 23 '17 at 12:12

4

You do not need the keyDown event otherwise you are rebinding the autocomplete on every keydown.

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

To show all results when one character is entered add minLength: 1

If what you want is to have all the items displayed when the textbox has focus then this is what you are looking for: https://stackoverflow.com/a/4604300/1398425

edited May 23 '17 at 12:12

Community

1
1

answered Sep 15 '14 at 11:11

Ashley Medway

7,151
7
49
71

1

i have gone through code in given url. and that was what i wanted to do. Now it is working fine. – User5590 Sep 15 '14 at 11:28

score 0 · Answer 2 · edited Sep 23 '14 at 13:45

0

If you just want it to begin searching on the first keystroke, try using minLength: 1:

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

edited Sep 23 '14 at 13:45

Blazemonger

90,923
26
142
180

answered Sep 15 '14 at 11:13

DevlshOne

8,357
1
29
37

Set jQuery Autocomplete on Textbox KeyDown Event

2 Answers2