How to create a cascading dropdown list in MVC 3

See more:

ASP.NET

Javascript

jQuery

MVC3

, +

public ActionResult Pending_CashDisbursement()
        {           
            ViewData["listPA"] = GetPA();
            ViewData["listPSA"] = GetPSA();
            return View();
        }
        public SelectList GetPA()
        {
            cmn_top objCmn_top = new cmn_top();
            DataTable Dt_item = new DataTable();
            Dt_item = objCmn_top.Reports_GetPA_CD_Cash_();
            var collection = from dtRow in Dt_item.AsEnumerable() select new { Text = dtRow.Field<string>("ch_pacode"), Value = dtRow.Field<string>("ch_pacode") };
            var listPA = new SelectList(collection, "value", "text");
            return listPA;
            }
  
        public SelectList GetPSA()
        {
            cmn_top objCmn_top = new cmn_top();
            DataTable Dt_item = new DataTable();
            Dt_item = objCmn_top.Reports_GetPSA_CD_Cash_("L01");
            var collection = from dtRow in Dt_item.AsEnumerable() select new { Text = dtRow.Field<string>("PSATXT"), Value = dtRow.Field<string>("PSATXT") };
            var listPSA = new SelectList(collection, "value", "text");
            return listPSA;

        }

I have two lists(GetPA, GetPSA) now which will fill two dropdowns in the view page.
I want to fill the second list(GetPSA) with the selected value of the First List(GetPA).
How do i perform it? I am not able to do it , please help.