mvc get selected value and text from drop down list in controller

Watch on YouTUbe



Controller
        CompanyEntities db = new CompanyEntities();

        public ActionResult testDDL()
        {
            CustomerModel c;
            c = new CustomerModel
            {
                Comp = db.GetCompanies()
            };
            return View(c);
        }

        [HttpPost]
        public ActionResult testDDL(CustomerModel model)
        {
            int? SelectedID = model.SelectedCompanyID;
            string SelectedText = model.SelectedCompanyName;
            model.Comp = db.GetCompanies();
            return View(model);
        }


View
@model MVCDDLTest.Models.CustomerModel

@using(Html.BeginForm(null, null, FormMethod.Post))
{
    @Html.AntiForgeryToken();
    @Html.Hidden("SelectedCompany", Model.SelectedCompanyName)

    @Html.DropDownListFor(Model => Model.SelectedCompanyID, new SelectList(Model.Comp, "CompanyID", "CompanyName"), "Default Value", new { @id = "SelID" })
    <input type="submit" vaue="submit" />
}

@section Scripts{
   
    <script type="text/javascript">
        $(document).ready(function () {
            $("#SelID").change(function (evt) {
                $("#SelectedCompany").val($("#SelID option:selected").text().trim());
            });
        });
    </script>   
}

Model

     public class CustomerModel
    {
        public IEnumerable<GetCompanies_Result> Comp {get;set;}
        public int SelectedCompanyID { get; set; }
        public string SelectedCompanyName { get; set; }
        public string Test { get; set; }
    }