How to send data from view to controller on button click

Question

How can I invoke controller action and send which values are selected in drop down lists in time when button was clicked? Here is example how my .cshtml looks like. This is just example, generally I need to collect much data from current view in time when button was clicked.

<body>
    <div>
        @Html.DropDownList("Name")
        <br />
        @Html.DropDownList("Age")
        <br />
        @Html.DropDownList("Gender")
        <br />
        @using (Html.BeginForm("FindPerson", "MyController", FormMethod.Post))
        {
            <input type="submit" value="Find" />
        }
    </div>
</body>

This seems like a very basic question - have you tried looking for a tutorial? — Ant P
– Ant P, Commented Jun 21, 2013 at 13:36

drch · Accepted Answer · 2013-06-21 13:33:53Z

2

In order for the data to be submitted to the controller, the inputs must appear within the <form> tag.

For example:

<body>
    <div>
        @using (Html.BeginForm("FindPerson", "MyController", FormMethod.Post))
        {

            @Html.DropDownList("Name")
            <br />
            @Html.DropDownList("Age")
            <br />
            @Html.DropDownList("Gender")
            <br />
            <input type="submit" value="Find" />
        }
    </div>
</body>

answered Jun 21, 2013 at 13:33

drch

3,0801 gold badge21 silver badges29 bronze badges

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

1 Comment

watbywbarif Over a year ago

Thx. To help someone else how to use this in controller: public ActionResult FindPerson(FormCollection form)

Ryan Drost · Accepted Answer · 2013-06-21 13:36:40Z

2

inside the @using (Html.BeginForm("FindPerson", "MyController", FormMethod.Post)) you should put your inputs.

You have your inputs outside the Form

@using (Html.BeginForm("FindPerson", "MyController", FormMethod.Post))
    {
    @Html.DropDownList("Name")
    <br />
    @Html.DropDownList("Age")
    <br />
    @Html.DropDownList("Gender")
    <br />

        <input type="submit" value="Find" />
}

answered Jun 21, 2013 at 13:36

Ryan Drost

1,18410 silver badges19 bronze badges

Comments

maxs87 · Accepted Answer · 2013-06-21 13:38:01Z

1

First u need the Model to bind your data.

 public class TestModel
    {
        public string Age { get; set; }
        public string Gender { get; set; } 
        ...
    }

then you need to wrap your dropLists in form tag

<form method='post'>
 @Html.DropDownList("Age")
</form>

and action to recive posted data

 [HttpPost]
        public ActionResult YourAction(TestModel model)//selected data here
        {

        }

answered Jun 21, 2013 at 13:38

maxs87

2,2242 gold badges19 silver badges25 bronze badges

Comments

Messi · Accepted Answer · 2014-07-02 11:56:15Z

0

inside the @using (Html.BeginForm("NameOfActionMethod", "ControllerName", FormMethod.Post)) you should put your inputs.

You have your inputs outside the Form

 @using (Html.BeginForm("NameOfActionMethod", "ControllerName", FormMethod.Post))
{
   <input type="submit" value="Find" />
}

answered Jul 2, 2014 at 11:56

Messi

468 bronze badges

Collectives™ on Stack Overflow

How to send data from view to controller on button click

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related