JSFiddle - React, Tailwind, and code Playground

by malonso

HTML

<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
<input id="tags">

JavaScript

var acOpt=[];
var acOptCnt=0;
/*
acOpt[acOptCnt]='<div class="acOpt">Apple</div>';
acOptCnt+=1;
acOpt[acOptCnt]='<div class="acOpt">Banana</div>';
acOptCnt+=1;
acOpt[acOptCnt]='<div class="acOpt">Orange</div>';
acOptCnt+=1;
*/
acOpt[acOptCnt]='Apple';
acOptCnt+=1;
acOpt[acOptCnt]='Banana';
acOptCnt+=1;
acOpt[acOptCnt]='Orange';
acOptCnt+=1;
$(document).ready(function() {
      //genAC();
    $( "#tags" ).autocomplete({source: acOpt});
    $( "#tags" ).autocomplete('search','A');
});
    
    
function genAC(){
    $( "#tags" ).autocomplete({source: acOpt});
}