Demo of Autocomplete response event in JQuery UI

Create autocomplete Message


When no result is found then close event is triggered, When result is found the response event is triggered before the menu is shown.
Type p to trigger response event, then press i to close the menu and trigger close event( as there is no matching result for pi ).
Remove i to see the response event again.

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,
response: function( event, ui ) {
$('#d1').html( " <b>Response is triggered:  </b>" );
  },
    close: function( event, ui ) {
$('#d1').html( " <b>Close Event triggered :  </b> ");
  }
})
///////////////
})
</script>