jQuery textbox change event

JavaScript
1

Hi

I have been struggling with this since morning today. So I hope someone can help me with my problem.

I am using jQuery autocomplete plugin for one of my site.

What exactly I am looking for is either of the following:

  1. When someone selects one of the data from the auto-complete list, (either by selecting it with their mouse or by pressing the enter key), the plugin should fire a callback event with the value of the text entered.

OR

  1. By using the change event of jquery to monitor whenever a data has been selected from the list. I am trying to achieve this by using the following code:
	$('#search').change(function() {
		
		console.log('Hello World');
	
	});

But apparently the above code is only triggering the event whenever the user presses any key and NOT when a data from the list is selected.

I am attaching the relevant code. So if you could please help me with this.

Many Thanks in advance.

2

That plugin is deprecated. It is now part of jQuery UI. You can use the jQuery UI version of autocomplete, it should be quite [URL=“http://www.learningjquery.com/2010/06/autocomplete-migration-guide”]easy to move over.

It has some events bound, for example “open” for when the suggestion menu is opened and “select” for when an item is selected from the menu.