この最も簡単な例では、コンボボックスをカスケード接続

Question

serversideから私は以下の構造のデータを返します results.houses ここで各家とIdとNameとDoorsコレクション。 各DoorはIdとNameです。私はすでに変数selectedHouse上記から選ば家を知っていれば、私は#DoorId でドアコンボボックスを移入するにはどうすればよい

$.each(results.houses, function (index, value) { 
    $('#HouseId').append('<option value="' + value.Id + '">' + value.Name + '</option>'); 
    var selectedHouse = results.SelectedHouse[0].Id; 

    $('#HouseId').val(selectedHouse); 
    $('#HouseId').combobox('refresh'); 
} 

。

更新：JSONデータをサーバ側コントローラから次のような形式で返され

var _houses = HousesRepository.All().Select(x => new 
{ 
    Id = x.Id, Name = x.Name, 
    Doors = x.Doors.Select(a => new { Id = a.Id, Name = a.Name, IsDefault = a.IsDefault }) 
}); 

var data = new 
{ 
    selectedHouse = new[] { new { Id = 1, Name = "House 100 "} }, 
    houses = _houses  
}  
return Json(data); 

Answer 1

することはでき、選択した要素に、選択したタグを追加してみてください：

$('#HouseId').find('option[value="'+selectedHouse+'"]').prop('selected',true); 

より良い

var selectedHouse = results.SelectedHouse[0].Id; 
var selected =''; 
if(value.Id == selectedHouse) { 
selected = "selected" 
} 
$('#HouseId').append('<option '+selected+' value="' + value.Id + '">' + value.Name + '</option>'); 
$('#HouseId').combobox('refresh');