Multiple selected dropdown value pass from viewTOcontroller

Question

language use: asp.net MVC. How to pass multiple selected value from view to controller and store into database with same ID. E.x :  i selected cities in dropdown : Ahmedabad, Baroda, Rajkot then store database in like    ID  Name
City  Status  1  RG  Ahmedabad, Baroda, Rajkot  True    how it possible.       here is my original code   Controller: public  ActionResult Create()           {                if  (Session[ "AdminId" ] !=  null )               {                   ViewBag.Area = _areaContext.AreaMaster.ToList();                   ViewBag.Network = _networkContext.NetworkMaster.ToList();                    return  View();               }                else                {                    return  RedirectToAction( "Login" ,  "Admin" ,  new  { area =  "Admin"  });               }           }           [HttpPost]            public  ActionResult Create(EmployeeMaster packageMaster)           {                if  (Session[ "AdminId" ] !=  null )               {                    if  (ModelState.IsValid)                   {                       _employeeContext.EmployeeMaster.Add(packageMaster);                       _employeeContext.SaveChanges();                       packageMaster.EMPEnc = enc.Encrypt(packageMaster.EMPId);                       _employeeContext.SaveChanges();                        return  RedirectToAction( "Index" );                   }                    else                    {                       ViewBag.Area = _areaContext.AreaMaster.ToList();                       ViewBag.Network = _networkContext.NetworkMaster.ToList();                        return  View();                   }               }                else                {                    return  RedirectToAction( "Login" ,  "Admin" ,  new  { area =  "Admin"  });               }           }
View: class = "col-md-4 form-group" >                    class = "entry-1" >                       @Html.LabelFor(model => model.EMPArea,  "Area" , htmlAttributes:  new  { @ class  =  ""  }) "color:red;" >*                        @Html.DropDownListFor(model => model.EMPArea,  new  SelectList(ViewBag.Area,  "ARMName" ,  "ARMName" ),  new  { @ class  =  "form-control " , @multiple =  "multiple" , @id =  "multiArea"  })                                             "~/Content/bootstrap.min.css"  rel= "stylesheet"  />      "~/Scripts/jquery-1.10.2.min.js" >       "~/Scripts/bootstrap.min.js" >       "~/Content/js/bootstrap-multiselect.js" >    "~/Content/bootstrap-multiselect.css"  rel= "stylesheet"  />   "text/javascript" >          $(function () {              $( '#multiArea' ).multiselect({               includeSelectAllOption:  true            });           $( "#selected" )               .click(function () {                                      var str =  "" ;                   $( "#multiArea option:selected" ).each(function () {                       str +=$( this ).text() +  "," ;                                               console.log(str);                   });               })               .trigger( "change" );                            });
i wll get my value in console.log(str) like Ahmedabad,Rajkot,Surat store only one in database. If any solution then qucikly reply me.   Thanks

Rajesh Gami · Answer

i gotted ans   view: just add input type hidden.        and in script $('#areaSelect').val(str);  "hidden"  name= "areaSelect"  id= "areaSelect"  value= "1" />      "text/javascript" >       $(function () {            //alert("Start");            $( '#multiArea' ).multiselect({               includeSelectAllOption:  true            });           $( "#selected" )               .click(function () {                                     var str =  "" ;                   $( "#multiArea option:selected" ).each(function () {                       str +=$( this ).text() +  "," ;                                           });                   $( '#areaSelect' ).val(str);   //set value in input type hidden                })               .trigger( "change" );                        });
and now request data from view to controller Controller: if  (ModelState.IsValid)                   {                       var data = Request[ "areaSelect" ];                       employee.EMPArea = data;                       _employeeContext.EmployeeMaster.Add(employee);                       _employeeContext.SaveChanges();                       employee.EMPEnc = enc.Encrypt(employee.EMPId);                       _employeeContext.SaveChanges();
done .