单击事件时的下拉列表操作

本文关键字：下拉列表 操作 事件 单击 | 更新日期: 2023-09-27 18:17:42

我有一个下拉列表，已经在我的视图中工作，除了你必须按下提交按钮。是否有一种方法可以让它在单击事件上工作，而不是使用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>

单击事件时的下拉列表操作

如果你不介意使用jquery，那么试试下面的

$('#Id).on('change', function(){
    $('#TheForm').submit();
});
相关文章：