如何在MVC中使下拉列表提交表单

Question

我有一个简单的MVC视图，其中包含一个下拉菜单和一个提交按钮，提交表单并使用下拉菜单的值来更改视图（在控制器中填充“values”）：

<% Using Html.BeginForm()%>
<%=Html.DropDownList("values", "No value")%>
<input type="submit" value="Submit" />
<%--rest of page here--%>
<% End Using%>

如何设置当下拉菜单改变时立即更改内容，例如消除提交按钮？

- gfrizzle

Answer 1

您可以使用onchange事件来提交当前表单：

<%=Html.DropDownList("values", ViewData["ListData"],
                      new { onchange="this.form.submit();" })%>

- CMS

Answer 2

我会使用jquery来进行更改。

首先，将class添加到您的提交按钮和下拉列表中，代码如下：

     <%=Html.DropDownList("values", "No value",new {_class="dropdown"})%>

      <input type="submit" value="Submit" class="submit"/>

然后像这样使用jQuery：

  $(document).ready(function() {

   $(".dropdown").change({

   $(".submit").hide();
    })
  });

- TStamper