How to get DropDownList SelectedValue in Controller in MVC

Question

I have dropdownlist  which I have filled from database  Now I need to get the selected value in Controller do some manipulation  But not getting the idea  Code which I have tried   Model  public class MobileViewModel                  public List lt tbInsertMobile gt  MobileList      public SelectList Vendor   get  set        Controller   public ActionResult ShowAllMobileDetails                 MobileViewModel MV   new MobileViewModel            MV MobileList   db Usp InsertUpdateDelete null          null      4  MergeOption AppendOnly  ToList            MV Vendor   new SelectList db Usp VendorList     VendorId    VendorName            return View MV               HttpPost      public ActionResult ShowAllMobileDetails MobileViewModel MV                           string strDDLValue          Here i need the dropdownlist value          return View MV           View      lt table gt                      lt tr gt               lt td gt Mobile Manufacured lt  td gt               lt td gt  Html DropDownList  ddlVendor   Model Vendor   Select Manufacurer    lt  td gt           lt  tr gt                    lt tr gt               lt td gt                lt  td gt               lt td gt                   lt input id  Submit1  type  submit  value  search    gt               lt  td gt           lt  tr gt       lt  table gt

User · Answer

Simple solution not sure if this has been suggested or not. This also may not work for some things. That being said this is the simple solution below.

new SelectListItem { Value = "1", Text = "Waiting Invoices", Selected = true}

List<SelectListItem> InvoiceStatusDD = new List<SelectListItem>();
InvoiceStatusDD.Add(new SelectListItem { Value = "0", Text = "All Invoices" });
InvoiceStatusDD.Add(new SelectListItem { Value = "1", Text = "Waiting Invoices", Selected = true});
InvoiceStatusDD.Add(new SelectListItem { Value = "7", Text = "Client Approved Invoices" });

@Html.DropDownList("InvoiceStatus", InvoiceStatusDD)

You can also do something like this for a database driven select list. you will need to set selected in your controller

@Html.DropDownList("ApprovalProfile", (IEnumerable<SelectListItem>)ViewData["ApprovalProfiles"], "All Employees")

Something like this but better solutions exist this is just one method.

foreach (CountryModel item in CountryModel.GetCountryList())
    {
        if (item.CountryPhoneCode.Trim() != "974")
        {
            countries.Add(new SelectListItem { Text = item.CountryName + " +(" + item.CountryPhoneCode + ")", Value = item.CountryPhoneCode });

        }
        else {


            countries.Add(new SelectListItem { Text = item.CountryName + " +(" + item.CountryPhoneCode + ")", Value = item.CountryPhoneCode,Selected=true });

        }
    }

User · Answer

If you want to use  Html DropDownList   follow   Controller   var categoryList   context Categories Select c   gt  c CategoryName  ToList     ViewBag CategoryList   categoryList    View    Html DropDownList  Category   new SelectList ViewBag CategoryList    Choose Category   new    class    form-control          Category   on  change   function       var q       Category   val     console log  val       q

User · Answer

MVC 5 6 Razor Pages   I think the best way is with strongly typed model  because Viewbags are being aboused too much already      MVC 5 example   Your Get Action  public async Task lt ActionResult gt  Register                 var model   new RegistrationViewModel                       Roles   GetRoles                       return View model           Your View Model           public class RegistrationViewModel               public string Name   get  set             public int  RoleId   get  set             public List lt SelectListItem gt  Roles   get  set                Your View                                                   lt div class  form-group  gt           Html LabelFor model   gt  model RoleId  htmlAttributes  new    class    col-form-label              lt div class  col-form-txt  gt               Html DropDownListFor model   gt  model RoleId  Model Roles   --Select Role--   new    class    form-control                  Html ValidationMessageFor model   gt  model RoleId      new    class    text-danger              lt  div gt       lt  div gt                                       Your Post Action                                            HttpPost  ValidateAntiForgeryToken      public async Task lt ActionResult gt  Register RegistrationViewModel model                if  ModelState IsValid                        var  roleId   model RoleId     MVC 6 It ll be a little different  Get Action  public async Task lt ActionResult gt  Register                 var  roles   new List lt SelectListItem gt              roles Add new SelectListItem                      Text    Select              Value                          foreach  var role in GetRoles                         roles Add new SelectListItem                         Text   z Name              Value   z Id                                  var model   new RegistrationViewModel                       Roles    roles                     return View model           Your View Model will be same as MVC 5  Your View will be like    lt select asp-for  RoleId  asp-items  Model Roles  gt  lt  select gt    Post will also be same  Razor Pages  Your Page Model   BindProperty  public int User User   get  set      1   public List lt SelectListItem gt  Roles   get  set     public void OnGet         Roles   new List lt SelectListItem gt            new SelectListItem   Value    1   Text    X             new SelectListItem   Value    2   Text    Y             new SelectListItem   Value    3   Text    Z               lt select asp-for  User  asp-items  Model Roles  gt       lt option value    gt Select Role lt  option gt   lt  select gt    I hope it may help someone

User · Answer

I was having the same issue in asp NET razor C   I had a ComboBox filled with titles from an EventMessage  and I wanted to show the Content of this message with its selected value to show it in a label or TextField or any other Control     My ComboBox was filled like this     Html DropDownList  EventBerichten   new SelectList ViewBag EventBerichten   EventBerichtenID    Titel    new    class    form-control   onchange      this form  submit          In my EventController I had a function to go to the page  in which I wanted to show my ComboBox  which is of a different model type  so I had to use a partial view     The function to get from index to page in which to load the partial view     public ActionResult EventDetail int id                         Event eventOrg   db Event Include s   gt  s Files  SingleOrDefault s   gt  s EventID    id                   EventOrg eventOrg   db EventOrgs Find id               if  eventOrg    null                                 return HttpNotFound                              ViewBag EventBerichten   GetEventBerichtenLijst id               ViewBag eventOrg   eventOrg              return View eventOrg               The function for the partial view is here    public PartialViewResult InhoudByIdPartial int id                        return PartialView                  db EventBericht Where r   gt  r EventID    id  ToList                  The function to fill EventBerichten           public List lt EventBerichten gt  GetEventBerichtenLijst int id                        var eventLijst   db EventBericht ToList                var berLijst   new List lt EventBerichten gt                 foreach  var ber in eventLijst                                if  ber EventID    id                                         berLijst Add ber                                               return berLijst              The partialView Model looks like this    model  IEnumerable lt STUVF back end Models EventBerichten gt    lt table gt       lt tr gt           lt th gt              EventID          lt  th gt           lt th gt              Titel          lt  th gt           lt th gt              Inhoud          lt  th gt           lt th gt              BerichtDatum          lt  th gt           lt th gt              BerichtTijd          lt  th gt        lt  tr gt        foreach  var item in Model                 lt tr gt               lt td gt                   Html DisplayFor modelItem   gt  item EventID               lt  td gt               lt td gt                   Html DisplayFor modelItem   gt  item Titel               lt  td gt               lt td gt                   Html DisplayFor modelItem   gt  item Inhoud               lt  td gt               lt td gt                   Html DisplayFor modelItem   gt  item BerichtDatum               lt  td gt               lt td gt                   Html DisplayFor modelItem   gt  item BerichtTijd               lt  td gt            lt  tr gt         lt  table gt    VIEUW  This is the script used to get my output in the view   lt script type  text javascript  gt        document  ready function                  EventBerichten   change function                      log   ajaxError function  event  jqxhr  settings  exception                    alert exception                                var BerichtSelected      select option selected   first   text                  get   Url Action  InhoudByIdPartial                       EventBerichtID  BerichtSelected    function  data                            target   html data                                                        lt  script gt                         Html RenderAction  InhoudByIdPartial   Model EventID                        lt fieldset gt                   lt legend gt Berichten over dit Evenement lt  legend gt                   lt div gt                       Html DropDownList  EventBerichten   new SelectList ViewBag EventBerichten   EventBerichtenID    Titel    new    class    form-control   onchange      this form  submit                         lt  div gt                    lt br   gt                   lt div id  target  gt                    lt  div gt                   lt div id  log  gt                    lt  div gt               lt  fieldset gt

User · Answer

Model  Very basic model with Gender field  GetGenderSelectItems   returns select items needed to populate DropDownList   public enum Gender        Male  Female    public class MyModel       public Gender Gender   get  set         public static IEnumerable lt SelectListItem gt  GetGenderSelectItems                 yield return new SelectListItem   Text    Male   Value    Male             yield return new SelectListItem   Text    Female   Value    Female               View  Please make sure you wrapped your  Html DropDownListFor in a form tag    model MyModel   using  Html BeginForm  MyController    MyAction   FormMethod Post        Html DropDownListFor m   gt  m Gender  MyModel GetGenderSelectItems        lt input type  submit  value  Send    gt      Controller  Your  cshtml Razor view name should be the same as controller action name and folder name should match controller name e g Views MyController MyAction cshtml   public class MyController   Controller        public ActionResult MyAction                    shows your form when you load the page         return View                HttpPost      public ActionResult MyAction MyModel model                   the value is received in the controller          var selectedGender   model Gender          return View model               Going further  Now let s make it strongly-typed and enum independent   var genderSelectItems   Enum GetValues typeof Gender        Cast lt string gt         Select genderString   gt  new SelectListItem                Text   genderString          Value   genderString         AsEnumerable

User · Answer

1st Approach  via Request or FormCollection    You can read it from Request using Request Form   your dropdown name is ddlVendor so pass ddlVendor key in the formCollection to get its value that is posted by form   string strDDLValue   Request Form  ddlVendor   ToString      or Use FormCollection    HttpPost  public ActionResult ShowAllMobileDetails MobileViewModel MV FormCollection form                 string strDDLValue   form  ddlVendor   ToString       return View MV       2nd Approach  Via Model    If you want with Model binding then add a property in Model   public class MobileViewModel                  public List lt tbInsertMobile gt  MobileList      public SelectList Vendor   get  set        public string SelectedVendor  get set       and in View    Html DropDownListFor m  gt m SelectedVendor   Model Vendor   Select Manufacurer     and in Action    HttpPost  public ActionResult ShowAllMobileDetails MobileViewModel MV                  string SelectedValue   MV SelectedVendor     return View MV       UPDATE   If you want to post the text of selected item as well  you have to add a hidden field and on drop down selection change set selected item text in the hidden field   public class MobileViewModel                  public List lt tbInsertMobile gt  MobileList      public SelectList Vendor   get  set        public string SelectVendor  get set       public string SelectedvendorText   get  set        use jquery to set hidden field    lt script type  text javascript  gt    function        SelectedVendor   on  change   function          SelectedvendorText   val   this  text               lt  script gt    Html DropDownListFor m  gt m SelectedVendor   Model Vendor   Select Manufacurer    Html HiddenFor m  gt m SelectedvendorText

User · Answer

If you re looking for something lightweight  I d append a parameter to your action    HttpPost  public ActionResult ShowAllMobileDetails MobileViewModel MV  string ddlVendor                   string strDDLValue   ddlVendor     Of course  this becomes silly       return View MV       What s happening in your code now  is you re passing the first string argument of  ddlVendor  to Html DropDownList  and that s telling the MVC framework to create a  lt select gt  element with a name of  ddlVendor   When the user submits the form client-side  then  it will contain a value to that key   When MVC tries to parse that request into MV  it s going to look for MobileList and Vendor and not find either  so it s not going to be populated  By adding this parameter  or using FormCollection as another answer has suggested  you re asking MVC to specifically look for a form element with that name  so it should then populate the parameter value with the posted value

User · Answer

Thanks - this helped me to understand better ansd solve a problem I had  The JQuery provided to get the text of selectedItem did NOT wwork for me I changed it to    function            SelectedVender   on  change   function             SelectedvendorText   val       SelectedVender option selected     text

User · Answer

Use SelectList to bind  HtmlDropdownListFor and specify selectedValue parameter in it   http   msdn microsoft com en-us library dd492553 v vs 108  aspx  Example   you can do like this for getting venderid   Html DropDownListFor m   gt  m VendorId Model Vendor       public class MobileViewModel                     public List lt tbInsertMobile gt  MobileList      public SelectList Vendor   get  set        public int VenderID get set            HttpPost     public ActionResult Action MobileViewModel model                   var Id   model VenderID

[c#] How to get DropDownList SelectedValue in Controller in MVC

Examples related to c#

Examples related to asp.net

Examples related to asp.net-mvc

Examples related to asp.net-mvc-4