Demo of Autocomplete create event in JQuery UI

Create autocomplete Message

Create

Create the Autocomplete by clicking the radio button, after creating you can see the functionality of autocomplete. Before this it can only work as input element.

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

HTML

<input id=auto_c>

jquery

<script>
$(document).ready(function() {
////////////////
$("input:radio[name=r1]").click(function() {
$( "#auto_c" ).autocomplete({
  source: [ "PHP", "JQuery", "JavaScript", "HTML", "ASP", "Perl", "MySQL","Access","Excel","Dot Net" ],
  minLength:0,
  create: function( event, ui ) {
$('#d1').html( " <b>You have created autocomplete input box :  </b> ");
  }
});
});
///////////////
})
</script>