Demo of SELECT event for Autocomplete in JQuery UI

Show triggered event messages here

Different messages are shown above based on the event.
Select event is triggered when you select one option.

source: [ "PHP", "JQuery", "JavaScript", "HTML", "ASP", "Perl", "MySQL","Access","Excel","Dot Net" ],

HTML

<input id=auto_c>

jquery

<script>
$(document).ready(function() {
////////////////
$( "#auto_c" ).autocomplete({
  source: [ "PHP", "JQuery", "JavaScript", "HTML", "ASP", "Perl", "MySQL","Access","Excel","Dot Net" ],
  minLength:0,
  focus: function( event, ui ) {
$('#d1').html( " <b>Event focus triggered :  </b>" + $(this).val());
  },
  select: function( event, ui ) {
$('#d1').html( " <b>Event select triggered:  </b>" + $(this).val());
  },
  open: function( event, ui ) {
$('#d1').html( " <b>Event Open triggered :  </b>" + $(this).val());
  }
});
///////////////
})
</script>