nvm found a way for it:

<script type="text/javascript">
$(function () {
PopulateCountry();
$('#CountryCode').change(function () {
PopulateFromCountry1($(this).val());
PopulateFromCountry2($(this).val());
});

PopulateCity();
$('#CityCode').change(function () {
PopulateFromCity($(this).val());
});

PopulateAreaNo();
$('#AreaCode').change(function () {
PopulateFromAreaNo($(this).val());
});

function PopulateCountry() {
$.ajax({ url: '/Test/CountryList/',
type: 'POST',
dataType: 'json',
success: function (data) {
var options = $('#Country');
$.each(data, function () {
options.append($('<option />').val(this.CountryCode).text(this.CountryName));
});
var theOriginalValue = $(options).attr('TheOriginalValue');
var startValue = "";
if (theOriginalValue != "") {
// alert(theOriginalValue);
$(options).val(theOriginalValue);
startValue = theOriginalValue;
}
else {
startValue = $('option:first', options).val();
}
PopulateFromCountry1(startValue);
PopulateFromCountry2(startValue);
}
});
}

function PopulateFromCountry1(AreaNo) {
$.ajax({ url: '/Test/AreaNoList/',
type: 'POST',
data: { AreaNo: AreaNo },
dataType: 'json',
success: function (data) {
var options = $('#AreaNo');
$('option', options).remove();
$.each(data, function () {
options.append($('<option />').val(this.AreaNo).text(this.AreaTeleNumber));
});
var theOriginalValue = $(options).attr('TheOriginalValue');
var startValue = "";
if (theOriginalValue != "") {
// alert(theOriginalValue);
$(options).val(theOriginalValue);
startValue = theOriginalValue;
}
else {
startValue = $('option:first', options).val();
}
PopulateFromAreaNo(startValue);
}
});
}

function PopulateFromCountry2(CityCode) {
$.ajax({ url: '/Test/CityList/',
type: 'POST',
data: { CityCode: CityCode },
dataType: 'json',
success: function (data) {
var options = $('#CityCode');
$('option', options).remove();

$.each(data, function () {
options.append($('<option />').val(this.CityCode.text(this.CityName));
});
var theOriginalValue = $(options).attr('TheOriginalValue');
var startValue = "";
if (theOriginalValue != "") {
// alert(theOriginalValue);
$(options).val(theOriginalValue);
startValue = theOriginalValue;
}
else {
startValue = $('option:first', options).val();
}
PopulateFromCity(startValue);
}
});
}
});
</script>

The bold text is what i changed or added