asp.net-mvc - mvc4 のドロップダウン変更イベントでフォームを送信

Question

ここに私のコードがあります

 <div id="pro_pag2">
 @using (Html.BeginForm("Product", "Main", new { customerId = mdlLoginData.CustomerID,   GroupID = ViewBag.GroupID, page = 1 }, FormMethod.Post, new { }))
                    {
                        @Html.DropDownList("PageSize", new SelectList(new   Dictionary<string, string> {{ "18", "18" }, { "12", "12" },{ "6", "6" }  }, "Key", "Value"), new { @class = "pro_pag_tf1" })
                    }
</div>

私の質問は、ドロップダウンの選択変更時にフォームを送信するにはどうすればよいかということです

Answer 1

jQueryを使用できます。ドロップダウン リストに ID を指定します。

 <div id="pro_pag2">
 @using (Html.BeginForm("Product", "Main", new { customerId = mdlLoginData.CustomerID,   GroupID = ViewBag.GroupID, page = 1 }, FormMethod.Post, new { }))
      {
           @Html.DropDownList("PageSize", 
                new SelectList(new Dictionary<string, string> {...}, "Key", "Value"), 
                new { @class = "pro_pag_tf1", id = "pagesizelist" })
      }
 </div>

次に、jQuery を使用して親フォームを送信します

$('#pagesizelist').on('change', function(event){
    var form = $(event.target).parents('form');

    form.submit();
});