基于jqueryui的自动补全demo

引入jquery和jquery-ui.min.js。

<script src="../js/lib/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>

<script src="../js/lib/jqueryui/jquery-ui.min.js"></script>

$("#userName").autocomplete({
    source : userList,
    maxLength : 20,
    focus: function(event, ui) {
    $("#userName").val(ui.item.username);
    return false;
    },
    select: function(event, ui) {
    $("#userName").val(ui.item.username);
	return false;
    }
    }).data("ui-autocomplete")._renderItem = function(ul, item) {
	return $("<li>")
	.append("<a>" + item.username + "</a>")
	.appendTo(ul);
    };