Loading
asp.net core json and javascript not working properlyjson
 
  1. HazardClasses = await _context.HazardClasses.Include(s => s.HazardSource).Where(s => s.HazardSource.OrgID == orgid && s.HazardSource.HazSource == "Process").Select(a =>  
  2.                                         new SelectListItem  
  3.                                         {  
  4.                                             Value = a.IdHC.ToString(),  
  5.                                             Text = a.HazClass  
  6.                                         }).ToListAsync();  
  7.   
  8. .............  
  9.         //Hazard Identification dropdown lists  
  10.           
  11.         public async Task OnGetHazDetailAsync(string id)  
  12.         {  
  13.             var hazDetails = await _context.HazardDetails.Where(s => s.IdHC == id).ToListAsync();  
  14.   
  15.             return new JsonResult(new SelectList(hazDetails, "IdH", "HazDetail"));  
  16.         }  
  17.         public async Task OnGetControlClassAsync(string id)  
  18.         {  
  19.             var conClass = await _context.ControlClasses.Where(s => s.IdH == id).ToListAsync();  
  20.   
  21.             return new JsonResult(new SelectList(conClass, "IdCC", "ConClass"));  
  22.         }  
  23.         public async Task OnGetControlDetailAsync(string id)  
  24.         {  
  25.             var conDetails = await _context.ControlClasses.Where(s => s.ConClass == id).ToListAsync();  
  26.   
  27.             return new JsonResult(new SelectList(conDetails, "IdCC", "ConDetail"));  
  28.         }  
javascript
 
  1. $(function () {  
  2.     $("#HazClass").on("change", function () {  
  3.         var categoryId = $(this).val();  
  4.         $("#HazDetail").empty();  
  5.         $("#HazDetail").append("--Select Hazard Detail--");  
  6.         $.getJSON(`?handler=HazDetail&id=${categoryId}`, (data) => {  
  7.             $.each(data, function (i, item) {  
  8.                 $("#HazDetail").append(`"${item.value}">${item.text}`);  
  9.             });  
  10.         });  
  11.   
  12.         var data = $("#HazClass :selected").text();  
  13.         $("#hazClass").val(data);  
  14.     });  
  15. });  
  16. $(function () {  
  17.     $("#HazDetail").on("change", function () {  
  18.         var categoryId = $(this).val();  
  19.         $("#ConClass").empty();  
  20.         $("#ConClass").append("--Select Control Class--");  
  21.         $.getJSON(`?handler=ControlClass&id=${categoryId}`, (data) => {  
  22.             $.each(data, function (i, item) {  
  23.                 $("#ConClass").append(`"${item.value}">${item.text}`);  
  24.             });  
  25.         });  
  26.   
  27.         var data = $("#HazDetail :selected").text();  
  28.         $("#hazDetail").val(data);  
  29.     });  
  30. });  
  31. $(function () {  
  32.     $("#ConClass").on("change", function () {  
  33.         var data = $("#ConClass :selected").text();  
  34.         var categoryId = data;  
  35.         $("#ConDetail").empty();  
  36.         $("#ConDetail").append("--Select Control Detail--");  
  37.         $.getJSON(`?handler=ControlDetail&id=${categoryId}`, (data) => {  
  38.             $.each(data, function (i, item) {  
  39.                 $("#ConDetail").append(`"${item.value}">${item.text}`);  
  40.             });  
  41.         });  
  42.   
  43.         var data = $("#ConClass :selected").text();  
  44.         $("#conClass").val(data);  
  45.     });  
  46. });  
 

3 Replies

Know the answer? Post it — somebody with the same question will find it here.