DropDownList in MVC 4 with Razor

Question

I m trying to create a DropDownList on a razor view   Would someone help me with this   Normal HTML5 code    lt select id  dropdowntipo  gt       lt option value  Exemplo1  gt Exemplo1 lt  option gt       lt option value  Exemplo2  gt Exemplo2 lt  option gt       lt option value  Exemplo3  gt Exemplo3 lt  option gt   lt  select gt    I tried this          var listItems   new List lt ListItem gt             new ListItem   Text    Exemplo1   Value    Exemplo1              new ListItem   Text    Exemplo2   Value    Exemplo2              new ListItem   Text    Exemplo3   Value    Exemplo3                Html DropDownListFor model   gt       model tipo       new SelectList listItems         -- Select Status --

User · Answer

You can use this    Html DropDownListFor x   gt  x Tipo  new List lt SelectListItem gt                                new SelectListItem    Text    Exemplo1   Value  Exemplo1                            new SelectListItem    Text    Exemplo2   Value  Exemplo2                            new SelectListItem    Text    Exemplo3   Value  Exemplo3

User · Answer

Here is the easiest answer   in your view only just add    Html DropDownListFor model   gt  model tipo  new SelectList new    Exemplo1    Exemplo2    Exemplo3       OR  in your controller add   var exemploList  new SelectList new      Exemplo1     Exemplo2    Exemplo3              ViewBag ExemploList   exemploList    and your view just add    Html DropDownListFor model   gt  model tipo   SelectList ViewBag ExemploList     I learned this with Jess Chadwick

User · Answer

List lt SelectListItem gt  listItems  new List lt SelectListItem gt     listItems Add new SelectListItem             Text    One         Value    1          listItems Add new SelectListItem               Text    Two           Value    2           listItems Add new SelectListItem               Text    Three           Value    3          listItems Add new SelectListItem      Text    Four      Value    4      listItems Add new SelectListItem      Text    Five      Value    5         Html DropDownList  DDlDemo  new SelectList listItems  Value   Text      Refer - Create drop down list in MVC 4 razor example

User · Answer

Using an array would be a little more efficient than creating a list    Html DropDownListFor x   gt  x Tipo  new SelectListItem                    new SelectListItem    Text    Exemplo1   Value  Exemplo1                    new SelectListItem    Text    Exemplo2   Value  Exemplo2                    new SelectListItem    Text    Exemplo3   Value  Exemplo3

User · Answer

If you re using ASP net 5  MVC 6  or later then you can use the new Tag Helpers for a very nice syntax    lt select asp-for  tipo  gt       lt option value  Exemplo1  gt Exemplo1 lt  option gt       lt option value  Exemplo2  gt Exemplo2 lt  option gt       lt option value  Exemplo3  gt Exemplo3 lt  option gt   lt  select gt

User · Answer

x000D   x000D  List lt tblstatu gt  status   new List lt tblstatu gt     x000D              status   psobj getstatus    x000D              model statuslist   status  x000D              model statusid   status Select x   gt  new SelectListItem x000D                x000D                  Value   x StatusId ToString    x000D                  Text   x StatusName x000D                  x000D   x000D   x000D     Html DropDownListFor m   gt  m status id  Model statusid   Select   new    class    form-control input-xlarge required    type    text    autocomplete    off     x000D   x000D   x000D

User · Answer

Believe me I have tried a lot of options to do that  and I have answer here   but I always look for the best practice and the best way I know so far for both front-end and back-end developers is for loop  yes I m not kidding    Because when the front-end gives you the UI Pages with dummy data he also added  classes and some inline styles on specific select option so its hard to deal with using HtmlHelper   Take look at this     lt select class  input-lg  style    gt       lt option value  0  style  color  ccc  important   gt          Please select the membership name to be searched for      lt  option gt       lt option value  1  gt 11 lt  option gt       lt option value  2  gt 22 lt  option gt       lt option value  3  gt 33 lt  option gt       lt option value  4  gt 44 lt  option gt   lt  select gt    this from the front-end developer so best solution is to use the for loop  fristly create or get your list of data from       in the Controller Action and put it in ViewModel  ViewBag or whatever    This returns object that contain Items and TotalCount ViewBag MembershipList   await  membershipAppService GetAllMemberships      Secondly in the view do this simple for loop to populate the dropdownlist   lt select class  input-lg  name  PrerequisiteMembershipId  id  PrerequisiteMembershipId  gt       lt option value    style  color  ccc  important   gt          Please select the membership name to be searched for      lt  option gt       foreach  var item in ViewBag MembershipList Items                 lt option value   item Id    Model PrerequisiteMembershipId    item Id    selected        gt               item Name          lt  option gt         lt  select gt    in this way you will not break UI Design  and its simple   easy and more readable   hope this help you even if you did not used razor

User · Answer

ViewModel  public class RegisterViewModel        public RegisterViewModel                 ActionsList   new List lt SelectListItem gt                public IEnumerable lt SelectListItem gt  ActionsList   get  set         public string StudentGrade   get  set             Enum Class   public enum GradeTypes       A      B      C      D      E      F      G      H       Controller Action   public ActionResult Student         RegisterViewModel vm   new RegisterViewModel    IEnumerable lt GradeTypes gt  actionTypes   Enum GetValues typeof GradeTypes                                                 Cast lt GradeTypes gt             vm ActionsList   from action in actionTypes                          select new SelectListItem                                                         Text   action ToString                                 Value   action ToString                                       return View vm             view Action    lt div class  form-group  gt                                   lt label class  col-lg-2 control-label  for  hobies  gt Student Grade  lt  label gt                                   lt div class  col-lg-10  gt                                      Html DropDownListFor model   gt  model StudentGrade  Model ActionsList  new    class    form-control                                      lt  div gt

User · Answer

var listItems   new List lt ListItem gt                  new ListItem   Text    Exemplo1   Value  Exemplo1               new ListItem   Text    Exemplo2   Value  Exemplo2               new ListItem   Text    Exemplo3   Value  Exemplo3                          Html DropDownList  Exemplo  new SelectList listItems  Value   Text

User · Answer

just use This  public ActionResult LoadCountries          List lt SelectListItem gt  li   new List lt SelectListItem gt          li Add new SelectListItem   Text    Select   Value    0           li Add new SelectListItem   Text    India   Value    1           li Add new SelectListItem   Text    Srilanka   Value    2           li Add new SelectListItem   Text    China   Value    3           li Add new SelectListItem   Text    Austrila   Value    4           li Add new SelectListItem   Text    USA   Value    5           li Add new SelectListItem   Text    UK   Value    6           ViewData  country     li       return View        and in View use following     Html DropDownList  Country   ViewData  country   as List lt SelectListItem gt     if you want to get data from Dataset and populate these data in a list box then use following code   List lt SelectListItem gt  li  new List lt SelectListItem gt     for  int rows   0  rows  lt   ds Tables 0  Rows Count - 1  rows          li Add new SelectListItem   Text   ds Tables 0  Rows rows  1  ToString    Value   ds Tables 0  Rows rows  0  ToString         ViewData  FeedBack     li  return View      and in view write following code    Html DropDownList  FeedBack   ViewData  FeedBack   as List lt SelectListItem gt

User · Answer

List lt SelectListItem gt  listItems  new List lt SelectListItem gt        listItems Add new SelectListItem                     Text    Exemplo1             Value    Exemplo1                 listItems Add new SelectListItem                       Text    Exemplo2               Value    Exemplo2               Selected   true                listItems Add new SelectListItem                       Text    Exemplo3               Value    Exemplo3                  Html DropDownListFor model   gt  model tipo  listItems   -- Select Status --

User · Answer

This can also be done like       model IEnumerable lt ItemList gt     x000D   x000D   lt select id  dropdowntipo  gt  x000D       lt option value  0  gt Select Item lt  option gt  x000D       x000D         x000D        foreach var item in Model  x000D          x000D           lt option value    item Value  gt  item DisplayText lt  option gt  x000D          x000D        x000D   x000D   lt  select gt  x000D   x000D   x000D

[c#] DropDownList in MVC 4 with Razor

Examples related to c#

Examples related to asp.net-mvc

Examples related to razor