可以自定义提示列表autocomplete

 <script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.autocomplete.min.js"></script>
<link rel="Stylesheet" href="/js/jquery.autocomplete.css" />

 

$.getJSON(ByecityErp.CommonMethod.address + "/Pages/Client/ClientManagement/ClientDepartmentOperator.ashx", { fun: "autojson", TypeID: TypeID }, function(data) {
            $(document).ready(function() {
                companyData = data;
                $(GetClientID.tbCompany).autocomplete(data, {
                    minChars: 1,
                    width: 400,
                    max: 50,

                    matchContains: true,
                    autoFill: false,
                    formatItem: function(row, i, max) {
                        return row.CompanyName + " ";
                    },
                    formatMatch: function(row, i, max) {
                        return row.CompanyName + " ";
                    },
                    formatResult: function(row) {
                        return row.CompanyName;
                    }
                }).result(function(event, data, formatted) {
                    $(GetClientID.hdCompanyID).val(data.ID);
                    ByecityErp.AgentGuestAdd.initDepartment(GetClientID.hdCompanyID, GetClientID.ddlDepartment, GetClientID.hdDepartmentID);
                });

                //更改值时 清空
                $(GetClientID.tbCompany).keyup(function() {
                    $(GetClientID.hdCompanyID).val("");
                    $(GetClientID.ddlDepartment).html("");
                    $(GetClientID.hdDepartmentID).val("");
                });

                //失去焦点 是否存在
                $(GetClientID.tbCompany).blur(function() {
                    if (companyData != "") {
                        for (var i = 0; i < companyData.length; i++) {
                            if ($.trim($(GetClientID.tbCompany).val()) == companyData[i].CompanyName) {
                                $(GetClientID.hdCompanyID).val(companyData[i].ID);
                            }
                        }

                        if ($(GetClientID.hdCompanyID).val() == "") {
                            $(GetClientID.tbCompany).val("");
                            $(GetClientID.tbCompany).focus();
                        } else {
                            ByecityErp.AgentGuestAdd.initDepartment(GetClientID.hdCompanyID, GetClientID.ddlDepartment, GetClientID.hdDepartmentID);
                        }
                    }
                });
            });
        });