這個簡單的例子級聯組合框

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