Notes

<script src="~/Scripts/jquery-1.10.2.js"></script>

<script>
$(function () {
//Ülke seçimi değiştiğinde bu event tetiklenir
$("#FirmaRefKey").on("change", function () {
var firmaId = $(this).val();

// secilen ülkenin id sini kullanarak Konum controller
// sınıfı içerisindeki Sehirler metoduna çağrıda bulunuyoruz.
// bu metod dan dönen listeyi kullanarak .each fonksiyonu ile
// sehirleri dolduruyoruz...
if (firmaId != null && firmaId != '') {
var options = new Array();
options.type = "POST";
options.url = '@Url.Action("Gruplar","Cagri")';
options.data = { firmaId: firmaId };
options.success = function (res) {
$("#GrupRefKey > option").remove();
$.each(res, function (index, grup) {
$("#GrupRefKey").append($('<option/>', { value: grup.RefKey, text: grup.Adi }));
console.log("eache girdi");
});
$("#GrupRefKey").removeAttr("disabled");
console.log("eache girdi2");
};

options.error = function (res) {
// bu kısımda eğer ajax işlemi başarısız ise
// hata mesajı verebiliriz.
alert("Hata: " + res.responseText);
};

options.beforeSend = function () {
// bu kısımda form postalanmadan önce yapılacak
// işler belirlenebilir. mesela postalama başladığı
// anda loading resmi görüntüleyebiliriz.
};

options.complete = function () {
// bu kısımda form postalandıktan sonra yapılacak
// işler belirlenebilir. mesela postalama bittiği
// anda loading resmi gizleyebiliriz.
};

$.ajax(options);
}
});
});
</script>