Call post function when dropdown selected change in mvc4

Question

I was Bind one dropdown with some values and call my post action when dropdown selected changed .for look like

@Html.DropDownListFor(m => m.DistrictId, Model.DistrictList, "Select", new
       {
           disableValidation = "true",
           onchange = @"
            var form = document.forms[0]; 
            form.action='Index';
            form.submit();"
       })

This is working fine for call my controller post action . But I can't get dropdown selected value in my model DistrictId property .

For my controller function is look like below

[HttpPost]
        public ActionResult Index(HomeModel homeModel)
        {
            AdminController adminController = new AdminController();
            Guid userId = new Guid();
            homeModel.ComplianceModelList = complianceRepository.LoadComplianceModel(userId, homeModel.DistrictId);
            LoadDistrict(homeModel);
            return View(homeModel);
        }

I want to the dropdown selected DistrictId in my homeModel.DistrictId property .

How to do ?

Are you sure document.forms[0] is the form that has the DistrictId field? — Brian Mains
– Brian Mains, Commented Apr 2, 2013 at 13:57

Brian Mains · Accepted Answer · 2013-04-02 14:22:46Z

2

Change your Markup like this

@Html.DropDownListFor(m => m.DistrictId, Model.DistrictList, "Select")

and have some javascript to handle your change event so that it will serialize your form and send it to your action method using ajax.

$(function(){
  $("#DistrictId").change(function(e){
    var _this=$(this);

    $.post("@Url.Action("Index","Home")",_this.closest("form").serialize(),
                                                             function(response){
          // do something with response.
    });
  });
});

Assuming you have jQuery library loaded to your page.

edited Apr 2, 2013 at 14:22

Brian Mains

50.8k35 gold badges156 silver badges261 bronze badges

answered Apr 2, 2013 at 13:59

Shyju

220k106 gold badges421 silver badges499 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Ramesh Rajendran Over a year ago

No .It does not call the action .for reason of .Where i give the dropdown id Id in use of this $("#DistrictId")

Shyju Over a year ago

Check your HTML markup and see what ID is there for the dropdown and use that.

real_yggdrasil Over a year ago

THANKS MAN. there are a lot of examples around that dont work. Your example does!

Ramesh Rajendran · Accepted Answer · 2013-04-02 15:12:50Z

Now I got the solution

Below code was working good .

    @using (Html.BeginForm("Index", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
    {
        <h2 class="gridTitle">
            Compliance</h2>
        if (User.Identity.IsAuthenticated && User.IsInRole("SuperAdmin"))
        {
        <div class="complianceSubDiv">
            <div class="complianceRightDiv">
                @Html.LabelFor(model => Model.DistrictId)
                @Html.DropDownListFor(m => m.DistrictId, Model.DistrictList, "Select", new
           {
               disableValidation = "true",
               onchange = @"                        
                form.submit();"
           })</div>
        </div>
        }
}

Collectives™ on Stack Overflow

Call post function when dropdown selected change in mvc4

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related