单个“提交”按钮,用于MVC中不同视图中的表单

时间:2014-07-10 15:19:44

标签: asp.net-mvc razor textbox

我在点击时使用JavaScript函数在我的MVC视图中提交多个表单。以下是我的看法。但表格没有提交。脚本后跟两个表单,然后点击按钮分配JS功能。

<script>
function submitForms() {
    document.getElementById("server1form").submit();
    document.getElementById("server2form").submit();


}
            </script>

<div> 
        @model BTSWeb.Models.DropDownModel

@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { id="server1form"}))
{
    <label style="color:black">    Type the name of the server you want to use.    (Example - test-babyadept):         
 </label>
        <span style="margin-left:80px"></span>  

    @Html.TextBoxFor(x => x.server1)
       <input  type="submit" value="server1"  />
}

<br>

@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { id = "server2form" }))
{
    <label style="color:black">    If you wish you compare the results from two servers. Type the name of second server:
 </label>
    @Html.TextBoxFor(x => x.server2)
       <input  type="submit" value="server2"  />
}    <br>
<br>


<input id="Button1" type="button" value="Find Billable Account" onclick="submitForms()"     />

1 个答案:

答案 0 :(得分:0)

如果我已经理解了您要实现的目标,那么您应该简单地将第二个视图中的两个文本框合并到您的第一个视图中(在表单标记内),展开您的模型,当您提交表单时,它会将所有内容提交到你按照自己的意愿行事?如果我有错误的结束,请告诉我?