在一個表單中通過下拉菜單多次提交

Question

我有一個帶有兩個下拉菜單的MVC5設置，當選擇一個值時，這些下拉菜單會通過Javascript自動提交。 它們目前處於同一表格中，所以我希望它們在我的后端上提交給不同的操作

視圖：

<div class="panel-body">
    @using (Html.BeginForm("", "BrugerSession"))
    {
        @Html.AntiForgeryToken()
        <div class="row">
                <div class="col-md-6">
                @Html.LabelFor(model => model.Emails)
                @Html.DropDownListFor(x => x.ValgtEmail, Model.Emails, "Vælg Email")
            </div>
            <div class="col-md-6">
                @Html.LabelFor(model => model.Printere)
                @Html.DropDownListFor(x => x.ValgtPrinter, Model.Printere)
            </div>
        </div>
    }
</div>

的JavaScript

$(document).ready(function () {
    $("#ValgtEmail").change(function () {
        $(this).closest('form').trigger('submit');
    });
});

$(document).ready(function () {
    $("#ValgtPrinter").change(function () {
        $(this).closest('form').trigger('submit');
    });
});

這里的訣竅是，我正在使用如何處理ASP.NET MVC Framework中的多個提交按鈕？ 以支持后端中的多個提交目標。

為什么要提出的主要問題是：Javascript觸發方法能否以適當的方式提交數據，因此它將與上述鏈接中的解決方案一起使用？

我嘗試查看http://api.jquery.com/trigger/文檔，並支持其他參數。 但是我確實知道如何格式化我的Javascript以實現我所需要的。

更新：

我從來沒有設法使這個工作。 取而代之的是，我用自己的形式將每個Select包圍起來。

Answer 1

希望我的回答對您有所幫助。 您可以使用JQuery AJAX。

首先下拉

$("#dropdown1").change(function(){
    $.ajax({
        url: '/ControllerName/Action1',
        data: { parm1:parm1 },
        success: function () {
         // Success function
        },
        error: function () {
         // Error message
        }
    });
});

第二次下拉

$("#dropdown2").change(function(){
    $.ajax({
        url: '/ControllerName/Action2',
        data: { parm1:parm1 },
        success: function () {
         // Success function
        },
        error: function () {
         // Error message
        }
    });
});