JQuery autocomplete获得焦点触发弹出下拉框
需求:autocomplete控件,当点击获得焦点的时候也要弹出下拉列表(autocomplete默认是输入之后才会跟随出下拉列表),下面直接贴代码。
js代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | $( "#customerName" ).autocomplete({ minLength: 0, source: function (request, response) { var customerName = $( "#customerName" ).val(); $.ajax({ url: "/api/pmstransaction/getcustomerinfo" , dataType: "json" , data: { customerName: customerName }, success: function (data) { response(data.Data); } }); }, focus: function ( event , ui) { $( "#customerName" ).val(ui.item.CustomerName); return false ; }, select : function ( event , ui) { module.viewModel.customerInfo.CustomerName(ui.item.CustomerName); module.viewModel.customerInfo.CustomerTaxCode(ui.item.CustomerTaxCode); module.viewModel.customerInfo.CustomerAddressPhone(ui.item.CustomerAddressPhone); module.viewModel.customerInfo.CustomerBankAccount(ui.item.CustomerBankAccount); return false ; } }).focus(function () { $( this ).autocomplete( "search" ); }).autocomplete( "instance" )._renderItem = function (ul, item) { return $( "<li>" ) .append( "<div>" + item.CustomerName + "</div>" ) .appendTo(ul); } |
重点代码
focus(function () {
$(this).autocomplete("search");
})
如果,您认为阅读这篇博客让您有些收获,不妨点击一下右下角的【推荐】按钮。
如果,您希望更容易地发现我的新博客,不妨点击一下【关注我】
出处:http://www.cnblogs.com/xuwendong/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步