Demo of Autocomplete open event in JQuery UI

Create autocomplete Message

Open event is triggered when option menu is opended or updated. Along with open event focus event is also added to show the messages.
Keep changing the search chars or words to see the messages.

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,
  open: function( event, ui ) {
$('#d1').html( " <b>Open event is triggered. Option :  </b>" + $(this).val());
  },

focus: function( event, ui ) {
$('#d1').html( " <b>Focus event triggered.  option:  </b>" + $(this).val());
  }
})
///////////////
})
</script>