MVC Cascading Dropdown с использованием JQuery AJAX

Question

У меня есть выпадающий список штатов США. Когда пользователь выбирает состояние, должен быть заполнен другой выпадающий список county/parrish. Я собираю информацию, чтобы заполнить графство, выпадающее из хранимой процедуры. Проблема в том, что она возвращает объект Object для каждого округа, и я не знаю, что делать, чтобы исправить это.

здесь код в контроллере

public ActionResult FillCountyList(string State) 
{ 
    Models.CountyList mod = new CountyList(); 
    mod.TheState = State; 
    List<ListCountiesByState_Result> Counties = mod.ListCounties(); 
    return Json(Counties, JsonRequestBehavior.AllowGet); 
}  

Я также попытался следующие действия в мой контроллер, и он также возвращает список, показывающий объект Object для каждого округа

public JsonResult FillCountyList(string State) 
{ 
    IEnumerable<SelectListItem> Counties = db.ListCountiesByState(State).Select(c => new SelectListItem { 
      Value = c.County, 
      Text = c.County 
    }).ToList(); 
    return Json(Counties, JsonRequestBehavior.AllowGet); 
} 

Вот код jquery на вид

$('#State').change(function() { 
    var stateid = $('#State').val(); 
    $.ajax({ 
     url: '/Profile/BackgroundData/FillCountyList', 
     type: 'GET', 
     datatype: 'JSON', 
     data: { State: stateid }, 
     success: function (result) { 
      $('#CountyOrParrish').html(''); 
      $('#CountyOrParrish').append($('<option>Make Selection</option>')); 
      $.each(result, function (i, item) { 
       $('#CountyOrParrish').append($('<option></option>').text(item)); 
      }); 
     } 
    }); 
}); 

Answer 1

Проверьте, правильно ли ваш метод возвращает страны. Также изменится:

$('<option></option>').text(item)); 

к:

$('<option></option>').val(item.Value).html(item.Text)); 

Answer 2

Вы можете получить доступ к своим округам на javascr ipt только используя "." поскольку каждый элемент в вашем результате является объектом json:

$.each(result, function (i, item) { 
      $('#CountyOrParrish').append($('<option></option>').text(item.CountyName)); 
     });