單擊事件的DropDownList操作

Question

我有一個下拉列表已經可以在我的視圖中使用，除了必須按下提交按鈕。 有沒有一種方法可以使它在單擊事件上起作用，而不是使用“提交”按鈕。 我發現有幾個人在問同樣的問題，但是下拉列表使用了不同的語法。 我是否需要完全更改語法，還是可以添加一些內容以使其與現有功能兼容？

@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();
});