Method To Implement ListBox in Asp.Net MVC ?

For the process of implementing ListBox in asp.net MVC. Here, table “tblCity” is used for the demo.

For this demo, the “City” entity is used that is created using ADO.NET entity framework.

public class CitiesViewModel

{

public IEnumerable SelectedCities { get; set; }

public IEnumerable Cities { get; set; }

}

Next, right click on the folder called “Controllers” and then add a “HomeController”. Add the below two namespaces in the “HomeController”

Using MVCDemo.Models;

Using System.Text;

Copy and paste the following code.

[HttpGet]

public ActionResult Index()

{

SampleDBContext db = new SampleDBContext();

List listSelectListItems = new List();

for each (City city in db.Cities)

{

SelectListItem selectList = new SelectListItem()

{

Text = city.Name,

Value = city.ID.ToString(),

Selected = city.IsSelected

};

listSelectListItems.Add(selectList);

}

CitiesViewModel citiesViewModel = new CitiesViewModel()

{

Cities = listSelectListItems

};

return View(citiesViewModel);

}

[HttpPost]

public string Index(IEnumerable selectedCities)

{

if (selectedCities == null)

{

return “No cities selected”;

}

else

{

StringBuilder sb = new StringBuilder();

sb.Append(“You selected – ” + string.Join(“,”, selectedCities));

return sb.ToString();

}

Next give a Right click on the method called “Index” action in “HomeController” and choose “Add View” from the context menu. Set

View Name = Index

View Engine = Razor

Then click “Add”.

Copy and paste the below mentioned code in “Index.cshtml”

@model MVCDemo.Models.CitiesViewModel

ViewBag.Title = “Index”;

}

Index

@using (Html.BeginForm())

{

@Html.ListBoxFor(m => m.SelectedCities, Model.Cities, new { size = 4 })

}

To note that, if you want to select multiple items from the list box, you have to hold down the CTRL Key.

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ankit Sharma8y ago
Accepted answer
Hi,

Please visit below links to understand how to implement listbox using MVC

https://www.youtube.com/watch?v=pZSP8tTAK1w

https://www.aspsnippets.com/Articles/ASPNet-MVC-Get-ListBox-Selected-Text-and-Selected-Value-in-Controller.aspx

https://www.codeproject.com/articles/771999/asp-net-mvc-how-to-create-a-listbox
Priyu Kale8y ago
For the process of implementing ListBox in asp.net MVC. Here, table “tblCity” is used for the demo.

For this demo, the “City” entity is used that is created using ADO.NET entity framework.

public class CitiesViewModel
{
public IEnumerable SelectedCities { get; set; }
public IEnumerable Cities { get; set; }
}

Next, right click on the folder called “Controllers” and then add a “HomeController”. Add the below two namespaces in the “HomeController”

Using MVCDemo.Models;
Using System.Text;

Copy and paste the following code.

[HttpGet]
public ActionResult Index()
{
SampleDBContext db = new SampleDBContext();
List listSelectListItems = new List();
for each (City city in db.Cities)
{
SelectListItem selectList = new SelectListItem()
{
Text = city.Name,
Value = city.ID.ToString(),
Selected = city.IsSelected
};
listSelectListItems.Add(selectList);
}
CitiesViewModel citiesViewModel = new CitiesViewModel()
{
Cities = listSelectListItems
};
return View(citiesViewModel);
}
[HttpPost]
public string Index(IEnumerable selectedCities)
{
if (selectedCities == null)
{
return “No cities selected”;
}
else
{
StringBuilder sb = new StringBuilder();
sb.Append(“You selected – ” + string.Join(“,”, selectedCities));
return sb.ToString();
}
}

Next give a Right click on the method called “Index” action in “HomeController” and choose “Add View” from the context menu. Set

View Name = Index
View Engine = Razor

Then click “Add”.

Copy and paste the below mentioned code in “Index.cshtml”

@model MVCDemo.Models.CitiesViewModel
@{
ViewBag.Title = “Index”;
}
Index
@using (Html.BeginForm())
{
@Html.ListBoxFor(m => m.SelectedCities, Model.Cities, new { size = 4 })

}

To note that, if you want to select multiple items from the list box, you have to hold down the CTRL Key.
issacpal8y ago
There is lot of things related to Listbox in MVC. You can use Selectbox

https://www.aspsnippets.com/Articles/ListBox-with-CheckBoxes-in-ASPNet-MVC-Razor.aspx
https://www.codeproject.com/Articles/136730/ASP-NET-MVC-Basics-Working-with-ListBoxes