我有一个自动完成文本字段,它使用JSON,如下所示:
$(function () { var src = '@Url.Action("GetParts","Parts")' $("#autocompletebox").autocomplete({ source: function (request,response) { $.ajax({ url: src,async: true,dataType: "json",data: { partNumber: $("#autocompletebox").val() },success: function (data) { response(data[0]); } }); } }); });
我想要做的是当用户从建议列表中选择项目时,进行另一个ajax调用以获取有关该项目的特定信息并在页面上填充其他文本框.
对此最好的方法是什么?
解决方法
您可以在自动完成的选择事件中执行此操作.
$(function () { var src = '@Url.Action("GetParts","Parts")' $("#autocompletebox").autocomplete({ source: function (request,response) { $.ajax({ url: src,data: { partNumber: $("#autocompletebox").val() },success: function (data) { response(data[0]); } }); },select: function (event,ui) { var item= ui.item.label; //Now make the ajax call here $.post("SomeValidUrl",new { id : item },function(res){ // do something with res }); } }); });
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。