İpucu

Bu yazıda DropDownList oluşturup , değişimi Jquery ile yakalayacağız.Örnek için Şehir modelimizi oluşturalım.

 

1 public class Sehir
2     {
3         public int Plaka { getset; }
4         public string SehirAd { getset; }
5     }

 

Index Action içinde listemizi oluşturalım.
SelectList oluşturup varsayılanı Isparta yapalım.Bunu dinamik yapıda olan ViewBag içine atalım.

 

01 public class SehirController : Controller
02     {
03         public ActionResult Index()
04         {
05             List<Sehir> sehirler = new List<Sehir>()
06             {
07                 new Sehir{ Plaka = 3 , SehirAd = "Afyonkarahisar"},
08                 new Sehir{ Plaka = 6 , SehirAd = "Ankara"},
09                 new Sehir{ Plaka = 32 , SehirAd = "Isparta"},
10                 new Sehir{ Plaka = 34 , SehirAd = "İstanbul"}
11             };
12  
13             ViewBag.SehirlerDropDown= new SelectList(sehirler, "Plaka""SehirAd", 32);
14  
15             return View();
16         }
17  
18     }

 

Index View içeriği aşağıdaki gibi.Jquery kullanmak için referansını sayfaya ekleyelim.
DropdownListin seçili elemanı değiştiğinde yazdığımız jquery kodu çalışıp seçilen ilin plaka kodunu ekrana basacak.

 

01 <script src="~/Scripts/jquery-1.9.1.js"></script>
02     <script>
03         $(document).ready(function () {
04  
05             $("#sehir").change(function () {
06                 alert("Plaka :" + $(this).val());
07             });
08         });
09     </script>
10  
11 @Html.DropDownList("sehir", (IEnumerable<SelectListItem>)ViewBag.SehirlerDropDown)

 

RMZ_8208