如何从Ajax表单中提交asp.net mvc中的下拉列表

要从Ajax表单中提交ASP.NET MVC中的下拉列表，请遵循以下步骤：

首先，在ASP.NET MVC中创建一个下拉列表。例如，在Model中创建一个SelectList，并将其传递给View。

public class MyModel
{
    public int SelectedValue { get; set; }
    public SelectList MySelectList { get; set; }
}

public ActionResult Index()
{
    var model = new MyModel();
    model.MySelectList = new SelectList(new[]
    {
        new SelectListItem { Value = "1", Text = "Option 1" },
        new SelectListItem { Value = "2", Text = "Option 2" },
        new SelectListItem { Value = "3", Text = "Option 3" },
    }, "Value", "Text");
    return View(model);
}

在View中，使用Html.DropDownListFor()方法创建下拉列表，并使用Ajax.BeginForm()方法创建Ajax表单。

@model MyModel

@using (Ajax.BeginForm(new AjaxOptions { HttpMethod = "POST", Url = "/Home/SubmitForm" }))
{
    @Html.DropDownListFor(m => m.SelectedValue, Model.MySelectList, "Select an option", new { id = "myDropDown" })
   <input type="submit" value="Submit" />
}

@section Scripts {
   <script src="https://code.jquery.com/jquery.unobtrusive-ajax.min.js"></script>
}

在Controller中，创建一个处理表单提交的方法。

[HttpPost]
public ActionResult SubmitForm(MyModel model)
{
    // 处理表单提交逻辑
    int selectedValue = model.SelectedValue;
    // ...

    // 返回结果
    return Json(new { success = true, message = "Form submitted successfully" });
}

在View中，使用jQuery处理表单提交后的响应。

@section Scripts {
   <script src="https://code.jquery.com/jquery.unobtrusive-ajax.min.js"></script>
   <script>
        $("form").on("submit", function (e) {
            e.preventDefault();
            $.ajax({
                type: "POST",
                url: "/Home/SubmitForm",
                data: $(this).serialize(),
                success: function (response) {
                    if (response.success) {
                        alert(response.message);
                    } else {
                        alert("An error occurred while submitting the form.");
                    }
                },
                error: function () {
                    alert("An error occurred while submitting the form.");
                }
            });
        });
    </script>
}

通过以上步骤，您可以从Ajax表单中提交ASP.NET MVC中的下拉列表。