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
– Sandip Pingle, Commented Sep 15, 2014 at 11:08
You just want it to begin searching on the first keystroke? Try using minLength: 1. — DevlshOne
– DevlshOne, Commented Sep 15, 2014 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
– User5590, Commented Sep 15, 2014 at 11:10
@AshleyMedway Here i am using Url.Action. so Home is my controller and GetAllName is ActionName — User5590
– User5590, Commented Sep 15, 2014 at 11:11

Community · Accepted Answer · 2017-05-23 12:12:46Z

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, 2017 at 12:12

CommunityBot

11 silver badge

answered Sep 15, 2014 at 11:11

Ashley Medway

7,3197 gold badges54 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

User5590 Over a year ago

i have gone through code in given url. and that was what i wanted to do. Now it is working fine.

Blazemonger · Accepted Answer · 2014-09-23 13:45:19Z

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, 2014 at 13:45

Blazemonger

93.3k28 gold badges147 silver badges181 bronze badges

answered Sep 15, 2014 at 11:13

DevlshOne

8,4671 gold badge31 silver badges38 bronze badges

Collectives™ on Stack Overflow

Set jQuery Autocomplete on Textbox KeyDown Event

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related