JSFiddle - React, Tailwind, and code Playground

by ekelvin

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js" type="text/javascript"></script>    <label for="tags">Tags: </label>
<input id="tags" />?

JavaScript

var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];

var tags = $("#tags").autocomplete({
source: availableTags,
focus: function(event, ui){
    return false;        
}
});

availableTags.push("foo");

tags.autocomplete( "option", "source", availableTags);
window.setTimeout(function(){$("#tags").val("BASIC")},8000 );