是否有提交 Razor 表单的 javascript/jquery 函数？

Posted 2023-05-09

【中文标题】是否有提交 Razor 表单的 javascript/jquery 函数？

【英文标题】：Is there a javascript/jquery function to Submit a Razor Form?

【发布时间】：2019-06-08 15:07:24

【问题描述】：

我有一个 Razor 表单，我希望不必使用按钮来提交信息。

@using (html.BeginForm("SubmitYearDept", "Request", FormMethod.Post, new  
id = "SubmitYearDeptForm" ))

    <div class="aidYearDiv" style="float: left; margin-right: 1em">
        @(Html.Kendo().DropDownListFor(m => m.AidYear)
              .Name("AidYear")
              .HtmlAttributes(new  @class = "aidYearList" )
              .DataTextField("Name")
              .DataValueField("Name")
              .OptionLabel("Select a Year")
              .DataSource(source =>
              
                  source.Read(read =>
                  
                      read.Action("Filtering_AidYear", "Request");
                  );
              )
              .Events(e =>
              
              e.Change("onAppChange");
              ))
    </div>
    <div class="departmentDiv">
        @(Html.Kendo().DropDownListFor(m => m.DeptCode)
                  .Name("DeptCode")
                  .HtmlAttributes(new  @class = "departmentList" )
                  .DataTextField("DeptName")
                  .DataValueField("DeptCode")
                  .OptionLabel("Select a Department")
                  .DataSource(source =>
                  
                      source.Read(read =>
                      
                          read.Action("Filtering_Dept", "Request");
                      );
                  )
                  .Events(e =>
                  
                      e.DataBound("onDataBound");
                      e.Change("onAppChange");
                  ))

        <input type="submit" id="SubmitNomineeBtn" name="SubmitNomineeBtn" class="submitButton" value="Submit" />
    </div>

我希望如果两个下拉菜单都有一个值，然后提交表单。我宁愿不使用下拉菜单的原因是因为我希望信息根据下拉菜单的值进行更改，并允许用户在每次更改其中一个下拉菜单的值时不必点击提交按钮.

【问题讨论】：

首先，MVC“Razor 表单”只是<form> 的一个包装器——所以没有什么不同。第二，您使用的是 Kendo 下拉菜单，因此您需要为此找到 change 事件并将其连接到 form.submit() 例如 function onAppChange() $(this).closest("form").submit();

【参考方案1】：

我最终要做的是，如果我的条件为真，我将模拟用户的按钮点击。所以用户看不到我刚刚制作的按钮改变了要显示的按钮的样式：无