这个简单的例子级联组合框

Question

从服务器端，我在下面的结构返回数据 results.houses 每个房子和Id和Name和门集合。 每个Door有Id和Name。

$.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'); 
} 

我如何填充组合框门与#DoorId 如果我已经知道从上面变量selectedHouse选择的房子。

更新：

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');