Question

我有一个已在我的视图中工作的下拉列表，除非您必须按提交按钮。有没有办法让它在click事件上工作，而不是使用Submit按钮。我发现有几个人问同样的问题，但是在下拉列表中使用了不同的语法。我是否需要完全更改语法，或者是否可以添加一些内容以使其与我的语法一起使用？

@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)

<fieldset>

        <legend>Select a State</legend>
    <div>
        @Html.DropDownList("listStates", "Select a State")
    </div>
    <p>

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

    </p>

</fieldset>

}

感谢您的链接。这是我使用的：

 public ActionResult Index()
    {

        var query = _db.States.Select(c => new { c.Id, c.Name });
        ViewData["listStates"]  = new SelectList(query.AsEnumerable(), "Id", "Name");

        return View();

    }

剃刀：

@using (Html.BeginForm("Index", "FloorPLan", FormMethod.Post, new { id = "TheForm" }))
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)

<fieldset>

        <legend>Select a State</legend>
    <div>
        @Html.DropDownList("Id", (SelectList) ViewData["listStates"], "Select a State", new{
      onchange = "document.getElementById('TheForm').submit();"
   })
    </div>


</fieldset>

Answer 1

如果您不介意使用jquery，请尝试以下

$('#Id).on('change', function(){
    $('#TheForm').submit();
});

DropDownList对click事件的操作

1 个答案: