How to create Select List for Country and States province in MVC

Question

Hi I am new to MVC and even asp     I want to create a form in MVC  With the help of some examples I am able to create TextBoxes  but I now I don t understand how to create Select List    I tried searching many examples for implementing Select List in MVC  but I am not able to understand   I have a Form which is half coded in HTML and half in MVC   Here is my Code   using System  using System Collections Generic  using System Linq  using System Web   namespace MedAvail Applications MedProvision Web Models       public class AddressViewModel               public string Street1   get  set            public string Street2   get  set            public string City   get  set            public string Province   get  set            public string Country   get  set            public string PostalCode   get  set            public string PhoneNumber   get  set                 lt form id  locationInfo  gt       lt h1 gt Location Information lt  h1 gt       lt table width  80   id  locInfo  gt           lt colgroup gt               lt col width  20     gt               lt col   gt           lt  colgroup gt           lt tr gt               lt th gt  Html Label  Country   lt  th gt               lt td gt                   lt select required    gt                       lt option gt Select Country lt  option gt                       lt option gt Canada lt  option gt                       lt option gt United States lt  option gt                   lt  select gt                   lt span class  required  gt   lt  span gt               lt  td gt           lt  tr gt           lt tr gt               lt th gt  Html LabelFor x  gt x State  lt  th gt               lt td gt                   lt select required    gt                       lt option gt Select State lt  option gt                       lt option gt State 1 lt  option gt                       lt option gt State 2 lt  option gt                       lt option gt State 3 lt  option gt                                                           lt  select gt  lt span class  required  gt   lt  span gt  lt  td gt           lt  tr gt           lt tr gt               lt th gt  Html LabelFor x  gt x PostalCode  lt  th gt               lt td gt  Html TextBoxFor x  gt x PostalCode  lt span class  required  gt   lt  span gt  lt  td gt           lt  tr gt           lt tr gt               lt th gt  Html LabelFor x  gt x City  lt  th gt               lt td gt  Html TextBoxFor x  gt x City  lt span class  required  gt   lt  span gt  lt  td gt           lt  tr gt            lt tr gt               lt th gt  Html LabelFor x  gt x StreetAddress1  lt  th gt               lt td gt  Html TextBoxFor x  gt x StreetAddress1  lt span class  required  gt   lt  span gt  lt  td gt           lt  tr gt           lt tr gt               lt th gt  Html LabelFor x  gt x StreetAddress2  lt  th gt               lt td gt  Html TextBoxFor x  gt x StreetAddress2  lt  td gt           lt  tr gt           lt tr gt               lt th gt  Html LabelFor x  gt x PhoneNumber  lt  th gt               lt td gt  Html TextBoxFor x  gt x PhoneNumber  lt  td gt           lt  tr gt        lt  table gt         lt div role  button  class  marginTop50 marginBottom  gt           lt input type  button  id  step3Back  value  Back  class  active    gt           lt input type  button  id  step3confirmNext  value  Next  class  active marginLeft50    gt       lt  div gt   lt  form gt    Please guide me on how to create the Select List for this kind of form

User · Answer

Best way to make drop down list   grid Column  PriceType  canSort true header   PriceType  format    lt span gt       lt span id  spanPriceType  item ShoppingCartID  gt  item PriceTypeDescription lt  span gt       Html DropDownList  PriceType   int item ShoppingCartID new SelectList MvcApplication1 Services ExigoApiContext CreateODataContext   PriceTypes Select s   gt  new   s PriceTypeID  s PriceTypeDescription    AsEnumerable    PriceTypeID    PriceTypeDescription  Convert ToInt32 item PriceTypeId    new    class    PriceType   style  width 120px display none   selectedvalue  selected             lt  span gt

User · Answer

Designing You Model   Public class ModelName             Properties     public IEnumerable lt SelectListItem gt  ListName   get  set        Prepare and bind List to Model in Controller        public ActionResult Index ModelName model                var items      Your List of data         model ListName   items Select x  gt  new SelectListItem                         Text   x prop                      Value   x prop2                            In You View     Html DropDownListFor m   gt  Model prop2 Model ListName

User · Answer

Thank you for this  Here s what I did   1 Created an Extensions cs file in a Utils folder   using System  using System Collections Generic  using System Linq  using System Web  using System Web Mvc   namespace Web ProjectName Utils       public class Extensions               public static IEnumerable lt SelectListItem gt  GetStatesList                         IList lt SelectListItem gt  states   new List lt SelectListItem gt                                new SelectListItem    Text  Alabama   Value  AL                    new SelectListItem     Text  Alaska   Value  AK                    new SelectListItem     Text  Arizona   Value  AZ                    new SelectListItem     Text  Arkansas   Value  AR                    new SelectListItem     Text  California   Value  CA                    new SelectListItem     Text  Colorado   Value  CO                    new SelectListItem     Text  Connecticut   Value  CT                    new SelectListItem     Text  District of Columbia   Value  DC                    new SelectListItem     Text  Delaware   Value  DE                    new SelectListItem     Text  Florida   Value  FL                    new SelectListItem     Text  Georgia   Value  GA                    new SelectListItem     Text  Hawaii   Value  HI                    new SelectListItem     Text  Idaho   Value  ID                    new SelectListItem     Text  Illinois   Value  IL                    new SelectListItem     Text  Indiana   Value  IN                    new SelectListItem     Text  Iowa   Value  IA                    new SelectListItem     Text  Kansas   Value  KS                    new SelectListItem     Text  Kentucky   Value  KY                    new SelectListItem     Text  Louisiana   Value  LA                    new SelectListItem     Text  Maine   Value  ME                    new SelectListItem     Text  Maryland   Value  MD                    new SelectListItem     Text  Massachusetts   Value  MA                    new SelectListItem     Text  Michigan   Value  MI                    new SelectListItem     Text  Minnesota   Value  MN                    new SelectListItem     Text  Mississippi   Value  MS                    new SelectListItem     Text  Missouri   Value  MO                    new SelectListItem     Text  Montana   Value  MT                    new SelectListItem     Text  Nebraska   Value  NE                    new SelectListItem     Text  Nevada   Value  NV                    new SelectListItem     Text  New Hampshire   Value  NH                    new SelectListItem     Text  New Jersey   Value  NJ                    new SelectListItem     Text  New Mexico   Value  NM                    new SelectListItem     Text  New York   Value  NY                    new SelectListItem     Text  North Carolina   Value  NC                    new SelectListItem     Text  North Dakota   Value  ND                    new SelectListItem     Text  Ohio   Value  OH                    new SelectListItem     Text  Oklahoma   Value  OK                    new SelectListItem     Text  Oregon   Value  OR                    new SelectListItem     Text  Pennsylvania   Value  PA                    new SelectListItem     Text  Rhode Island   Value  RI                    new SelectListItem     Text  South Carolina   Value  SC                    new SelectListItem     Text  South Dakota   Value  SD                    new SelectListItem     Text  Tennessee   Value  TN                    new SelectListItem     Text  Texas   Value  TX                    new SelectListItem     Text  Utah   Value  UT                    new SelectListItem     Text  Vermont   Value  VT                    new SelectListItem     Text  Virginia   Value  VA                    new SelectListItem     Text  Washington   Value  WA                    new SelectListItem     Text  West Virginia   Value  WV                    new SelectListItem     Text  Wisconsin   Value  WI                    new SelectListItem     Text  Wyoming   Value  WY                              return states                      2 In my model  where state will be abbreviated  e g   AL    NY   etc     using System ComponentModel  using System ComponentModel DataAnnotations   namespace Web ProjectName Models       public class ContactForm                              Required           Display Name    State             RegularExpression   A-Z  2             public string State   get  set                            2 In my view I referenced it      model Web ProjectName Models ContactForm            Html LabelFor x   gt  x State  new    class    form-label        Html DropDownListFor x   gt  x State  Web ProjectName Utils Extensions GetStatesList    new    class    form-control

User · Answer

Thank You All  I am able to to load Select List as per MVC now My Working Code is below   HTML MVC Code in View -       lt tr gt           lt th gt  Html Label  Country   lt  th gt           lt td gt  Html DropDownListFor x   gt x Province SelectListItemHelper GetCountryList    lt span class  required  gt   lt  span gt  lt  td gt       lt  tr gt       lt tr gt           lt th gt  Html LabelFor x  gt x Province  lt  th gt           lt td gt  Html DropDownListFor x   gt x Province SelectListItemHelper GetProvincesList    lt span class  required  gt   lt  span gt  lt  td gt       lt  tr gt    Created a Controller under  UTIL  folder  Code -  using System  using System Collections Generic  using System Linq  using System Web  using System Web Mvc   namespace MedAvail Applications MedProvision Web Util       public class SelectListItemHelper               public static IEnumerable lt SelectListItem gt  GetProvincesList                         IList lt SelectListItem gt  items   new List lt SelectListItem gt                                new SelectListItem Text    California   Value    B                    new SelectListItem Text    Alaska   Value    B                    new SelectListItem Text    Illinois   Value    B                    new SelectListItem Text    Texas   Value    B                    new SelectListItem Text    Washington   Value    B                               return items                      public static IEnumerable lt SelectListItem gt  GetCountryList                         IList lt SelectListItem gt  items   new List lt SelectListItem gt                                new SelectListItem Text    United States   Value    B                    new SelectListItem Text    Canada   Value    B                    new SelectListItem Text    United Kingdom   Value    B                    new SelectListItem Text    Texas   Value    B                    new SelectListItem Text    Washington   Value    B                               return items                        And its working COOL now  -   Thank you

User · Answer

public static List lt SelectListItem gt  States   new List lt SelectListItem gt                  new SelectListItem    Text  Alabama   Value  AL            new SelectListItem     Text  Alaska   Value  AK            new SelectListItem     Text  Arizona   Value  AZ            new SelectListItem     Text  Arkansas   Value  AR            new SelectListItem     Text  California   Value  CA            new SelectListItem     Text  Colorado   Value  CO            new SelectListItem     Text  Connecticut   Value  CT            new SelectListItem     Text  District of Columbia   Value  DC            new SelectListItem     Text  Delaware   Value  DE            new SelectListItem     Text  Florida   Value  FL            new SelectListItem     Text  Georgia   Value  GA            new SelectListItem     Text  Hawaii   Value  HI            new SelectListItem     Text  Idaho   Value  ID            new SelectListItem     Text  Illinois   Value  IL            new SelectListItem     Text  Indiana   Value  IN            new SelectListItem     Text  Iowa   Value  IA            new SelectListItem     Text  Kansas   Value  KS            new SelectListItem     Text  Kentucky   Value  KY            new SelectListItem     Text  Louisiana   Value  LA            new SelectListItem     Text  Maine   Value  ME            new SelectListItem     Text  Maryland   Value  MD            new SelectListItem     Text  Massachusetts   Value  MA            new SelectListItem     Text  Michigan   Value  MI            new SelectListItem     Text  Minnesota   Value  MN            new SelectListItem     Text  Mississippi   Value  MS            new SelectListItem     Text  Missouri   Value  MO            new SelectListItem     Text  Montana   Value  MT            new SelectListItem     Text  Nebraska   Value  NE            new SelectListItem     Text  Nevada   Value  NV            new SelectListItem     Text  New Hampshire   Value  NH            new SelectListItem     Text  New Jersey   Value  NJ            new SelectListItem     Text  New Mexico   Value  NM            new SelectListItem     Text  New York   Value  NY            new SelectListItem     Text  North Carolina   Value  NC            new SelectListItem     Text  North Dakota   Value  ND            new SelectListItem     Text  Ohio   Value  OH            new SelectListItem     Text  Oklahoma   Value  OK            new SelectListItem     Text  Oregon   Value  OR            new SelectListItem     Text  Pennsylvania   Value  PA            new SelectListItem     Text  Rhode Island   Value  RI            new SelectListItem     Text  South Carolina   Value  SC            new SelectListItem     Text  South Dakota   Value  SD            new SelectListItem     Text  Tennessee   Value  TN            new SelectListItem     Text  Texas   Value  TX            new SelectListItem     Text  Utah   Value  UT            new SelectListItem     Text  Vermont   Value  VT            new SelectListItem     Text  Virginia   Value  VA            new SelectListItem     Text  Washington   Value  WA            new SelectListItem     Text  West Virginia   Value  WV            new SelectListItem     Text  Wisconsin   Value  WI            new SelectListItem     Text  Wyoming   Value  WY            How we do it is put this method into a class and then call the class from the view   Html DropDownListFor x   gt  x State  Class States

User · Answer

So many ways to do this    for  NetCore use Lib         using System      using System Collections Generic      using System Linq     only required when  AsEnumerable   is used     using System ComponentModel DataAnnotations      using Microsoft AspNetCore Mvc Rendering    Model     namespace MyProject Models     public class MyModel          Required       Display Name    State        public string StatePick   get  set        public string state   get  set         StringLength 35  ErrorMessage    State cannot be longer than 35 characters         public SelectList StateList   get  set            Controller     namespace MyProject Controllers            lt summary gt          create SelectListItem from strings          lt  summary gt           lt param name  isValue  gt defaultValue is SelectListItem Value is true  SelectListItem Text if false lt  param gt           lt returns gt  lt  returns gt      private SelectListItem newItem string value  string text  string defaultValue       bool isValue   false                SelectListItem ss   new SelectListItem            ss Text   text          ss Value   value              select default by Value or Text         if  isValue  amp  amp  ss Value    defaultValue     isValue  amp  amp  ss Text    defaultValue                        ss Selected   true                     return ss                  lt summary gt          this pulls the state name from  context and sets it as the default for the selectList          lt  summary gt           lt param name  myState  gt sets default value for list of states lt  param gt           lt returns gt  lt  returns gt      private SelectList getStateList string myState                     List lt SelectListItem gt  states   new List lt SelectListItem gt             SelectListItem chosen   new SelectListItem                set default selected state to OHIO         string defaultValue    OH           if   string IsNullOrEmpty myState                         defaultValue   myState                     try                       states Add newItem  AL    Alabama   defaultValue  true                states Add newItem  AK    Alaska   defaultValue  true                states Add newItem  AZ    Arizona   defaultValue  true                states Add newItem  AR    Arkansas   defaultValue  true                states Add newItem  CA    California   defaultValue  true                states Add newItem  CO    Colorado   defaultValue  true                states Add newItem  CT    Connecticut   defaultValue  true                states Add newItem  DE    Delaware   defaultValue  true                states Add newItem  DC    District of Columbia   defaultValue  true                states Add newItem  FL    Florida   defaultValue  true                states Add newItem  GA    Georgia   defaultValue  true                states Add newItem  HI    Hawaii   defaultValue  true                states Add newItem  ID    Idaho   defaultValue  true                states Add newItem  IL    Illinois   defaultValue  true                states Add newItem  IN    Indiana   defaultValue  true                states Add newItem  IA    Iowa   defaultValue  true                states Add newItem  KS    Kansas   defaultValue  true                states Add newItem  KY    Kentucky   defaultValue  true                states Add newItem  LA    Louisiana   defaultValue  true                states Add newItem  ME    Maine   defaultValue  true                states Add newItem  MD    Maryland   defaultValue  true                states Add newItem  MA    Massachusetts   defaultValue  true                states Add newItem  MI    Michigan   defaultValue  true                states Add newItem  MN    Minnesota   defaultValue  true                states Add newItem  MS    Mississippi   defaultValue  true                states Add newItem  MO    Missouri   defaultValue  true                states Add newItem  MT    Montana   defaultValue  true                states Add newItem  NE    Nebraska   defaultValue  true                states Add newItem  NV    Nevada   defaultValue  true                states Add newItem  NH    New Hampshire   defaultValue  true                states Add newItem  NJ    New Jersey   defaultValue  true                states Add newItem  NM    New Mexico   defaultValue  true                states Add newItem  NY    New York   defaultValue  true                states Add newItem  NC    North Carolina   defaultValue  true                states Add newItem  ND    North Dakota   defaultValue  true                states Add newItem  OH    Ohio   defaultValue  true                states Add newItem  OK    Oklahoma   defaultValue  true                states Add newItem  OR    Oregon   defaultValue  true                states Add newItem  PA    Pennsylvania   defaultValue  true                states Add newItem  RI    Rhode Island   defaultValue  true                states Add newItem  SC    South Carolina   defaultValue  true                states Add newItem  SD    South Dakota   defaultValue  true                states Add newItem  TN    Tennessee   defaultValue  true                states Add newItem  TX    Texas   defaultValue  true                states Add newItem  UT    Utah   defaultValue  true                states Add newItem  VT    Vermont   defaultValue  true                states Add newItem  VA    Virginia   defaultValue  true                states Add newItem  WA    Washington   defaultValue  true                states Add newItem  WV    West Virginia   defaultValue  true                states Add newItem  WI    Wisconsin   defaultValue  true                states Add newItem  WY    Wyoming   defaultValue  true                 foreach  SelectListItem state in states                                if  state Selected                                        chosen   state                      break                                                    catch  Exception err                        string ss    ERR        err Source           err GetType   ToString       r n    err Message Replace   r n                       ss   this sendError  Online getStateList Request   ss   errPassword                  return error                        AsEnumerable   is not required in the pass   it is an extension of Linq         SelectList myList   new SelectList states AsEnumerable     Value    Text   chosen            object val   myList SelectedValue           return myList             public ActionResult pickState MyModel pData                if  pData StateList    null                        if  String IsNullOrEmpty pData StatePick      state abbrev  value collected onchange                               pData StateList   getStateList                              else                               pData StateList   getStateList pData StatePick                                 assign values to state list items             try                               SelectListItem si    SelectListItem pData StateList SelectedValue                  pData state   si Value                  pData StatePick   si Value                            catch                    return View pData             pickState cshtml      model MyProject Models MyModel     ViewBag Title    United States of America   Layout      Views Shared  Layout cshtml      lt h2 gt  ViewBag Title - Where are you    lt  h2 gt    using  Html BeginForm       Html AntiForgeryToken    Html ValidationSummary true    lt fieldset gt        lt div class  editor-label  gt           Html DisplayNameFor model   gt  model state       lt  div gt       lt div class  display-field  gt                       Html DropDownListFor m   gt  m StatePick  Model StateList  new   OnChange    state value   this value               Html EditorFor model   gt  model state           Html ValidationMessageFor model   gt  model StateList       lt  div gt            lt  fieldset gt      lt div gt   Html ActionLink  Back to List    Index    lt  div gt

User · Answer

I too liked Jordan s answer and implemented it myself   I only needed to abbreviations so in case someone else needs the same       public static IEnumerable lt SelectListItem gt  GetStatesList                 IList lt SelectListItem gt  states   new List lt SelectListItem gt                        new SelectListItem    Text  AL   Value  AL                new SelectListItem     Text  AK   Value  AK                new SelectListItem     Text  AZ   Value  AZ                new SelectListItem     Text  AR   Value  AR                new SelectListItem     Text  CA   Value  CA                new SelectListItem     Text  CO   Value  CO                new SelectListItem     Text  CT   Value  CT                new SelectListItem     Text  DC   Value  DC                new SelectListItem     Text  DE   Value  DE                new SelectListItem     Text  FL   Value  FL                new SelectListItem     Text  GA   Value  GA                new SelectListItem     Text  HI   Value  HI                new SelectListItem     Text  ID   Value  ID                new SelectListItem     Text  IL   Value  IL                new SelectListItem     Text  IN   Value  IN                new SelectListItem     Text  IA   Value  IA                new SelectListItem     Text  KS   Value  KS                new SelectListItem     Text  KY   Value  KY                new SelectListItem     Text  LA   Value  LA                new SelectListItem     Text  ME   Value  ME                new SelectListItem     Text  MD   Value  MD                new SelectListItem     Text  MA   Value  MA                new SelectListItem     Text  MI   Value  MI                new SelectListItem     Text  MN   Value  MN                new SelectListItem     Text  MS   Value  MS                new SelectListItem     Text  MO   Value  MO                new SelectListItem     Text  MT   Value  MT                new SelectListItem     Text  NE   Value  NE                new SelectListItem     Text  NV   Value  NV                new SelectListItem     Text  NH   Value  NH                new SelectListItem     Text  NJ   Value  NJ                new SelectListItem     Text  NM   Value  NM                new SelectListItem     Text  NY   Value  NY                new SelectListItem     Text  NC   Value  NC                new SelectListItem     Text  ND   Value  ND                new SelectListItem     Text  OH   Value  OH                new SelectListItem     Text  OK   Value  OK                new SelectListItem     Text  OR   Value  OR                new SelectListItem     Text  PA   Value  PA                new SelectListItem     Text  PR   Value  PR                new SelectListItem     Text  RI   Value  RI                new SelectListItem     Text  SC   Value  SC                new SelectListItem     Text  SD   Value  SD                new SelectListItem     Text  TN   Value  TN                new SelectListItem     Text  TX   Value  TX                new SelectListItem     Text  UT   Value  UT                new SelectListItem     Text  VT   Value  VT                new SelectListItem     Text  VA   Value  VA                new SelectListItem     Text  WA   Value  WA                new SelectListItem     Text  WV   Value  WV                new SelectListItem     Text  WI   Value  WI                new SelectListItem     Text  WY   Value  WY                      return states

[c#] How to create Select List for Country and States/province in MVC

Examples related to c#

Examples related to asp.net

Examples related to asp.net-mvc

Examples related to asp.net-mvc-4