Update ViewBag value on button click

Hi Sandhya,

According to your need, I think JQuery Ajax can work for you. It can implement partial refreshing rather than page reload. I made a sample, you can take it as a reference. You can pass ViewBage.ItemList through success: function (data).

 

 

View:

 

 

 

 

Controller:

public ActionResult Index()

{

var data1 = new List

{

new SelectListItem{Text="1",Value="A" },

new SelectListItem{Text="2",Value="B" },

new SelectListItem{Text="3",Value="C" },

new SelectListItem{Text="4",Value="D" }

};

var data2 = new List

{

new SelectListItem{Text="a",Value="Aa" },

new SelectListItem{Text="b",Value="Bb" },

new SelectListItem{Text="c",Value="Cc" },

new SelectListItem{Text="d",Value="Dd" }

};

ViewBag.drop1 = data1;

ViewBag.drop2 = data2;

return View();

}

public ActionResult RefreshDiv2(string drop2/*Accept the data which is passed by ajax.*/)

{

//Handler the data which is passed from view.

return Json(drop2); //Send the data back to view.

}