c# - Adding a form to foreach in Razor View -

c# - Adding a form to foreach in Razor View -

i trying add together form foreach item in list when add together form...the info not not getting wrapped. form gets created closes right away. foreach looks like:

@foreach (var item in model) { <tr> <td> @using (html.beginform("replaceemployeedocument", "employee", formmethod.post, new {id = "replace-form", enctype = "multipart/form-data"})) { @html.hidden("doc", item) <div id="replace-document" style="display: none; background-color: white; padding: 15px;"> <h3><u>replace employee document</u></h3> <table> <tr> <td style="text-align: right;"> @html.label("file"): </td> <td> <input type='file' name='fudocument' id='fudocument' class="form-control" style="height: 40px;" /> </td> </tr> </table> <input type="submit" value="replace" /> </div> } </td> <td> @html.displayfor(modelitem => item.title) </td> <td> @html.displayfor(modelitem => item.documenttype) </td> <td> @html.displayfor(modelitem => item.createdby) </td> <td> @html.displayfor(modelitem => item.createddate) </td> @html.hiddenfor(modelitem => item.employeenumber) @html.hiddenfor(modelitem => item.companynumber) <td><a href="@item.fullurl">view</a> | <a id="replace-button">replace</a> | @html.actionlink("delete", "deleteemployeedocument", new { filename = item.fullurl, employeeno = item.employeenumber })</td> </tr> }

this action looks like:

[httppost] public actionresult replaceemployeedocument(httppostedfilebase fudocument, models.employeedocument doc) { }

this rendered view looks like:

<table id="results-table" class="table table-striped table-bordered table-condensed"> <thead> <tr> <th> <u>title</u> </th> <th> <u>document type</u> </th> <th> <u>created by</u> </th> <th> <u>created date</u> </th> <th style="width: 180px;"></th> </tr> </thead> <tbody> <form action="/employee/replaceemployeedocument" enctype="multipart/form-data" id="replace-form" method="post" style="padding-top: 5px; margin-top: 0px;"> </form> <tr> <td> mark has same file </td> <td> greenish sheet </td> <td> ajohnson </td> <td> 10/24/2014 12:53:53 pm </td> <input data-val="true" data-val-number="the field employeenumber must number." data-val-required="the employeenumber field required." id="item_employeenumber" name="item.employeenumber" type="hidden" value="3077"> <input data-val="true" data-val-number="the field companynumber must number." data-val-required="the companynumber field required." id="item_companynumber" name="item.companynumber" type="hidden" value="1"> <td><a href="http://svr-corpsp1/app/employee/employee master documents/3077_update.sql">view</a> | <a id="replace-button">replace</a> | <a href="/employee/deleteemployeedocument?filename=http%3a%2f%2fsvr-corpsp1%2fapp%2femployee%2femployee%20master%20documents%2f3077_update.sql&amp;employeeno=3077">delete</a></td> </tr> <form action="/employee/replaceemployeedocument" enctype="multipart/form-data" id="replace-form" method="post" style="padding-top: 5px; margin-top: 0px;"> </form> <tr> <td id="replace-document" style="display: none;background-color: white; padding: 15px;"> <h3><u>replace employee document</u></h3> <table> <tbody><tr> <td style="text-align: right;"> <label for="file">file</label>: </td> <td> <input type="file" name="fudocument" id="fudocument" class="form-control" style="height: 40px;"> </td> </tr> </tbody></table> <input type="submit" value="replace"> </td> <td> test </td> <td> other </td> <td> ajohnson </td> <td> 10/24/2014 3:24:18 pm </td> <input data-val="true" data-val-number="the field employeenumber must number." data-val-required="the employeenumber field required." id="item_employeenumber" name="item.employeenumber" type="hidden" value="3077"> <input data-val="true" data-val-number="the field companynumber must number." data-val-required="the companynumber field required." id="item_companynumber" name="item.companynumber" type="hidden" value="1"> <td><a href="http://svr-corpsp1/app/employee/employee master documents/3077_1920x1200-crimson.jpg">view</a> | <a id="replace-button">replace</a> | <a href="/employee/deleteemployeedocument?filename=http%3a%2f%2fsvr-corpsp1%2fapp%2femployee%2femployee%20master%20documents%2f3077_1920x1200-crimson.jpg&amp;employeeno=3077">delete</a></td> </tr> </tbody> </table>

most current:

@foreach (var item in model) { <tr> <td style="display: none;"> @using (html.beginform("replaceemployeedocument", "employee", formmethod.post, new {@class = "replace-form", enctype = "multipart/form-data"})) { @html.hidden("doc", (employeedocument) item) <div id="replace-document" style="display: none; background-color: white; padding: 15px;"> <h3><u>replace employee document</u></h3> <table> <tr> <td style="text-align: right;"> @html.label("file"): </td> <td> <input type='file' name='fudocument' id='fudocument' class="form-control" style="height: 40px;" /> </td> </tr> </table> <input type="submit" value="replace" /> </div> } </td> <td> @html.displayfor(modelitem => item.title) </td> <td> @html.displayfor(modelitem => item.documenttype) </td> <td> @html.displayfor(modelitem => item.createdby) </td> <td> @html.displayfor(modelitem => item.createddate) </td> @html.hiddenfor(modelitem => item.employeenumber) @html.hiddenfor(modelitem => item.companynumber) <td><a href="@item.fullurl">view</a> | <a id="replace-button">replace</a> | @html.actionlink("delete", "deleteemployeedocument", new { filename = item.fullurl, employeeno = item.employeenumber })</td> </tr> }

c# asp.net-mvc razor