JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<input type="text" id="page_type" />
JavaScript
var availableTags = ["thrash", "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]
$( "#page_type" ).autocomplete({
source: function(request, response){
var tags = availableTags;
tags[0] = request.term; // <---- all magic here
var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex(request.term ), "i");
response( $.grep( tags, function( item ){
return matcher.test( item );
}) );
},
delay: 0
});