Question

I’m using the jquery autocomplete function to enhance the user-friendliness of my site. It works really well and gives it a nice feel. But, what I’m trying to do right now is have jquery dynamically fadeIn an additional input tag based upon the values of the previous two input tags.

Since the client doesn’t actually click on the input tag when using the autocomplete function (they click on the li tag instead), I need to find a jquery event that will detect the change of the value of what’s in the input field. If the user clicks on the drop down list to fill in the input field, the user isn’t clicking on the input field, they’re clicking on the li tag.

I’ve tried using the .click event for the l> tag that the user clicks on to trigger the fading in of an additional input tag, but it doesn’t work.

Any thoughts, guys?

Thanks,

Lance

Answer 1

If you are using jQuery’s in-house autocomplete, than you can make use of its select or change event.

$( ".selector" ).autocomplete({
   select: function(event, ui) { ... }
});

$( ".selector" ).autocomplete({
   change: function(event, ui) { ... }
});