Jquery 用于在Ajax调用中更改下拉列表时不绑定的ListBox
我试图在用户更改特定下拉列表时加载ListboxFor控件。下面是我试图实现它的代码,但它不起作用。 有人能指引我吗?提前谢谢Jquery 用于在Ajax调用中更改下拉列表时不绑定的ListBox,jquery,ajax,asp.net-mvc,html.listboxfor,Jquery,Ajax,Asp.net Mvc,Html.listboxfor,我试图在用户更改特定下拉列表时加载ListboxFor控件。下面是我试图实现它的代码,但它不起作用。 有人能指引我吗?提前谢谢 @Html.ListBoxFor(c => c.ClientDemographicHospitalId, new MultiSelectList(Model.Hospitals, "Value", "Text"), new { ng_model = "hospitalDropdownList", @class = "HospitalListbox", style
@Html.ListBoxFor(c => c.ClientDemographicHospitalId, new MultiSelectList(Model.Hospitals, "Value", "Text"), new { ng_model = "hospitalDropdownList", @class = "HospitalListbox", style = "width:65%" })
$.ajax{
url:“/Controller/ActionMethod”,
类型:POST,,
数据类型:JSON,
数据:{clientId:clientId},
成功:函数数据{
$clientdemographicshospitalid.empty;
$clientdemographicshospitalid.append$.val0.htmlSelect Hospital;
$.eachdata,职能i,医院{
$clientdemographicshospitalid.append$.valhospitals.clientdemographicshospitalid.htmlhospitals.Name;
};
}
};
公共行动结果GetHospitalsByClientint客户端ID
{
JsonResult=新的JsonResult;
var医院=GetHospitalclientId;
如果医院!=null
{
结果.数据=hospitals.ToList;
result.JsonRequestBehavior=JsonRequestBehavior.AllowGet;
}
返回结果;
}
也许您可以通过检查DOM元素来查看浏览器中呈现的HTML?我认为问题可能就在那里,还因为您从我假设的表中获取ID,可能您在列表框中获取的ID是'20932',并且您试图调用ID为ClientDemographicHospitalId的元素,这可能与您所指向的元素不同,在这种情况下,您应该使用HospitalListbox类并调用Jquery元素,如下所示:
$(".HospitalListbox").empty();
$(".HospitalListbox").empty();
$(".HospitalListbox").append($('<option></option>').val(0).html("Select Hospital"));
$.each(data, function (i, hospitals) {
$(".HospitalListbox").append($('<option></option>').val(hospitals.ClientDemographicHospitalId).html(hospitals.Name));
});
同样在AJAX调用成功的内部,放置一个console.logdata;查看您正在接收哪些数据并希望将其放入这些元素。什么不起作用?如果您在浏览器控制台中遇到任何错误怎么办?我认为您需要使用数据。每个循环中的数据而不是数据可能也会将呈现的HTML粘贴到此处?返回的JSON代码:Array4 0:地址:null ClientDemographicHospitalId:1342 ClientDemographicMaster:null HospitalType:null NPI:null Name:Butler Memorial Hospital 1447317896电话:nullReportName:null TaxId:null TaxonomyCode:null proto:Object 1:Address:null ClientDemographicHospitalId:1343 ClientDemographicMaster:null HospitalType:null NPI:null Name:Butler Memorial Hospital-Clinic 1558428573电话:null ReportName:null TaxId:null TaxonomyCode:null能否粘贴浏览器中呈现的HTML?