可以自定义提示列表autocomplete

本文介绍了一个使用jQuery实现的自动完成插件的应用实例。该实例通过调用后台接口获取公司名称数据,并将其用于输入框的自动补全功能中。详细展示了如何配置插件参数以实现最小字符限制、下拉菜单宽度、最大显示项数等功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<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);
}
}
});
});
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值