Question

        $("input#lastname").autocomplete({
            source: "autocomplete.lastname.php"
        });

I am experiencing a problem where when I use tab to change text boxes the drop down menu is stuck in the down position. What could be done to solve this type of a problem? I already have something like this also:

    $("input#firstname").autocomplete({
      source: "autocomplete.firstname.php"
    }).keyup(function(e) {
      if (e.which === 13) {
        $(".ui-menu-item").hide();
      }
    });

Which is not exactly what I am intending but perhaps it could be modified? I am also noticing that on .hide there is still showing at the bottom remnants of the menu on enter.

Thanks in advance!

Answer 1

It lags because your source is a PHP file, which has to load and process what ever is on there.

---

A quick and dirty solution would be an AJAX call on load.

$(function() {
    var lastnames;

    $.get("autocomplete.lastname.php", function(data) {
       lastnames = data;
    });


    $("input#lastname").autocomplete({
        source: lastnames
    });
});​