Dropdwonlist ith check box in mvc

Question

How to add checkbox in dropdownlist connecting with database using mvc.

Sachin Singh · Answer

Just change the DropDown to multiselect. "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js" > "multiselect/jquery.multiselect.js" > "stylesheet" href= "multiselect/jquery.multiselect.css" > @Html.DropDownList( "ddlCountry" , (IEnumerable )Model.CountryList, "--Please select--" , new { @ class = "form-control" }) $(function(){ $( '#ddlCountry' ).multiselect(); }) Controller/Modal part public class Country { public int Id { get; set; } public string Name { get; set; } } public List GetCountries() { // here you can fetch data from database, for conveninet i am using static values. //var db = new myDbContext(); //var countryList = db.Countries.ToList(); List countryList = new List () { new Country(){Id=1,Name= "India" }, new Country(){Id=2,Name= "Japan" }, new Country(){Id=3,Name= "Pakistan" }, }; return countryList; } public class ddlCountryVM { public int selectedCountryId { get; set; } public IEnumerable CountryList { get; set; } } public ActionResult Index() { ddlCountryVM ddlcountries = new ddlCountryVM(); ddlcountries.CountryList = GetCountries().Select(x => new SelectListItem() { Text=x.Name, Value=x.Id.ToString() }); return View(ddlcountries); }

Salman Beg · Answer

Check this link for an example, https://www.c-sharpcorner.com/article/dropdownlist-multi-select-with-checkboxlist-in-mvc-using-jquery/ https://www.aspsnippets.com/Articles/Multiple-Select-Multi-Select-DropDownList-with-CheckBoxes-in-ASPNet-MVC-Razor.aspx

Hiesh Kidecha · Answer

Check below links for reference. https://www.c-sharpcorner.com/article/dropdownlist-multi-select-with-checkboxlist-in-mvc-using-jquery/ https://www.c-sharpcorner.com/article/multiselect-dropdown-with-checkboxes-using-jquery-in-mvc/

Asma Khalid · Answer

Look into this i.e. https://bit.ly/2KmxTYw Mark answer as accepted if helpful Thanks & Regards, Asma Khalid

Dropdwonlist ith check box in mvc

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (4)