RAZOR

@for (int j = 0; j < Model.NoOfProgrammes; j++)
{
<tr style="height: 25px">
<td>@(j + 1)
</td>
<td>
<div>
@Html.Infragistics().ComboFor(model => model.MyProperty[j].EmployeeIDKey).ID("ddlEmployee" + j).DataSource(Model.GetAllUsers).ValueKey("UserIDKey").MultiSelection(ComboMultiSelection.Off).TextKey("UserName").Height("22").Width("130").Render()

</div>

</td>

</tr>
}

SCRIPT

<script type="text/javascript">
$(document).delegate("#ddlEmployee", "igcomboselectionchanged",
function (evt, ui) {
alert('1');
// Clear the selected item table and hide the div
if (ui.items && ui.items[0]) {
//alert('2');
var myRecipe = new ProgrammeAllotmentModel();
myRecipe.FinancialYearIDKey = ui.items[0].value;
//alert(ui.items[0].value);
//alert(myRecipe.FinancialYear);
var postData = JSON.stringify(myRecipe);
// alert('3');

$.ajax({
url: '@Url.Action("/LoadSanctionOrderForFinYr")',
type: 'POST',
data: JSON.stringify(myRecipe),
dataType: 'json',
contentType: 'application/json; charset=utf-8',
success: function (data) {

$("#ddlSanctionOrder").igCombo({
dataSource: data.SanctionOrdersForFinYr,
valueKey: "SanctionOrderIDKey",
textKey: "SanctionOrderNo"
});
//$("#ddlSanctionOrder").val("Test San");
},

error: function () {
alert('error occured');
}

});
//alert('END');
}
});
</script>

//Please help me how to call a javascript function on selection change of any one of thid ddlEmployee