Create user application

Question

How to declare a drop-down list in asp.net MVC?

Jignesh Kumar · Answer

Hello samia, Here is the example to create Country Dropdown list in asp .net MVC, 1. Create Country Model public class CountryViewModel { public string SelectedCountry { get; set; } // selected country public IEnumerable Countries { get; set; } // To hold the list of countries } 2. Create a Controller with method, public class HomeController : Controller { public ActionResult Index() { var model = new CountryViewModel { Countries = new List { new SelectListItem { Text = "United States", Value = "US" }, new SelectListItem { Text = "Canada", Value = "CA" }, new SelectListItem { Text = "United Kingdom", Value = "UK" }, new SelectListItem { Text = "India", Value = "IN" }, new SelectListItem { Text = "Australia", Value = "AU" } } }; return View(model); } [HttpPost] public ActionResult Index(CountryViewModel model) { // Fetch the selected country var selectedCountry = model.SelectedCountry; // Display selected country message in Viewbag ViewBag.Message = $"You selected: {selectedCountry}"; // Repopulate the Countries list to redisplay the dropdown model.Countries = new List { new SelectListItem { Text = "United States", Value = "US" }, new SelectListItem { Text = "Canada", Value = "CA" }, new SelectListItem { Text = "United Kingdom", Value = "UK" }, new SelectListItem { Text = "India", Value = "IN" }, new SelectListItem { Text = "Australia", Value = "AU" } }; return View(model); } } 3. Create a view to display country dropdown in your web, @model CountryViewModel @using (Html.BeginForm()) { Select Country: @Html.DropDownListFor( model => model.SelectedCountry, Model.Countries, "Please Select a Country", new { @class = "form-control" } ) Submit @if (ViewBag.Message != null) { @ViewBag.Message } }

Vishal Yelve · Answer

Hey Samia, do refer below article https://www.c-sharpcorner.com/article/dropdownlist-in-asp-net-mvc/

Jayraj Chhaya · Answer

Hi Samia, // Model public class MyViewModel { public int SelectedDirection { get; set; } public IEnumerable Directions { get; set; } } // Controller public ActionResult MyAction() { var model = new MyViewModel { Directions = new List { new SelectListItem { Value = "1", Text = "Direction 1" }, new SelectListItem { Value = "2", Text = "Direction 2" }, new SelectListItem { Value = "3", Text = "Direction 3" } } }; return View(model); } // View (Razor) @model MyViewModel Direction de willaya @Html.DropDownListFor(m => m.SelectedDirection, Model.Directions, "Select a Direction", new { @id = "DllDIW", @class = "form-control" })

samia · Answer

Direction de willaya LibelleDIW you can help me to correct this code

Jayraj Chhaya · Answer

Hi samia, In ASP.NET MVC, declaring a drop-down list can be accomplished using the Html.DropDownListFor helper method. This method binds a model property to a drop-down list, allowing for easy data binding and retrieval. Below is a simple example demonstrating how to create a drop-down list. First, ensure you have a model that contains the property for the selected value and a list of items for the drop-down: public class MyViewModel { public int SelectedItemId { get; set; } public IEnumerable Items { get; set; } } In your controller, populate the model and pass it to the view: public ActionResult Create() { var model = new MyViewModel { Items = new List { new SelectListItem { Value = "1", Text = "Item 1" }, new SelectListItem { Value = "2", Text = "Item 2" }, new SelectListItem { Value = "3", Text = "Item 3" } } }; return View(model); } Finally, in your view, use the Html.DropDownListFor method to render the drop-down list: @model MyViewModel @Html.DropDownListFor(m => m.SelectedItemId, Model.Items, "Select an Item") This code will create a drop-down list that allows users to select an item, with the selected value bound to the SelectedItemId property of your model.

Ramesh Palanivel · Answer

Please refer this link https://www.c-sharpcorner.com/UploadFile/3d39b4/dropdownlist-in-Asp-Net-mvc/ https://www.pluralsight.com/resources/blog/guides/asp-net-mvc-populating-dropdown-lists-in-razor-views-using-the-mvvm-design-pattern-entity-framework-and-ajax https://www.c-sharpcorner.com/UploadFile/sourabh_mishra1/cascading-dropdownlist-in-Asp-Net-mvc/

Create user application

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (6)