Demo of Autocomplete option values in JQuery UI

HTML

<input id=auto_c>
<div class='radio-inline'>
  <label><input type='radio' name='r1' id='r1' value='minLength'>minLength</label>
</div>
<div class='radio-inline'>
  <label><input type='radio' name='r1' id='r2' value='autoFocus' >autoFocus</label>
</div>

<div class='radio-inline'>
  <label><input type='radio' name='r1' id='r2' value='delay' >delay</label>
</div>
<div class='radio-inline'>
  <label><input type='radio' name='r1' id='r2' value='disabled' >disabled</label>
</div>
<div class='radio-inline'>
  <label><input type='radio' name='r1' id='r2' value='postion' >position</label>
</div>
<div class='radio-inline'>
  <label><input type='radio' name='r1' id='r2' value='source' >source</label>
</div>

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()
var val=	$( "#auto_c" ).autocomplete("option", sel );
$('#d1').html( sel + " : " + val);
})
///////////////////////
})</script>