Demo of Autocomplete close method : JQuery UI

Change this to

Open

Use above button to trigger close method to close the option menu for autocomplete .

The open radio button starts the search method ( with empty string ) to show the option menu.

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
});
///////////////
$("input:radio[name=r1]").click(function() {
var sel=$(this).val()
if(sel=='close'){
	$( "#auto_c" ).autocomplete( "close" );
}else{
 $('#auto_c').autocomplete("search", "");
}
})
////////
})
</script>