jQueryUI 1.8.14 Autocomplete

by farina

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.14/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.14/themes/black-tie/jquery-ui.css">
<input type="text" id="auto" />
<div id="results"></div>

CSS

#auto { float: left; }

JavaScript

var source = ['Java', 'C++', 'JavaScript', 'COBOL', 'C#', 'AppleScript'];

$("#auto").autocomplete({
    source: function (request, response) {
        var results = $.ui.autocomplete.filter(source, request.term);
        
        $("#results").text(results.join(", "));
        
        //response(results);
    }
});