Question

I have an input box for searching employee info (attached to a jquery autocomplete), and a box for employee number. The employee info queries multiple values (Lastname Firstname, Title, Clocknum) and returns them all as a string via the autocomplete. This is only if they dont know the clock number. The additional box is so they can search via clocknum as well.

Is there a way, to fire a method which populates a data control after clicking on or tabbing on the selected jquery autocomplete value?

Answer 1

using the select property of your autocomplete box:

updated after ekoz’s comment

$('#lastName').autocomplete
({
   source   : "FormAutoComplete.ashx",
   minChars : 3,
   width    : 325,
   mustMatch: true,
   select   : function()
   {
      //jquery allows you to save several code lines
      $('#txtClock').value(ui.item.value.substr(ui.item.value.length-5));
   }
});

a complete read of jquery autocomplete’s documentation should makes clear the code above http://jqueryui.com/demos/autocomplete/