当在下拉列表中选择值时，MVC 使用 ajax 发布值

我的表单中有几个下拉列表。每次用户在这些下拉列表之一中选择一个值时，我是否希望将该值保存到后端（数据库）。我不想重新加载页面，所以我想实现这一点的最佳方法是使用ajax，这就是我需要的帮助。

当我在下拉列表中选择一个值时，如何让它自动将值发布到服务器端。我是否应该为每个下拉列表制作 1 个表格，以便可以单独更新它们？如何让它以 ajax 调用的形式发布值，而不是通过页面重新加载？我正在 ASP MVC 上使用 JQuery 和 JQuery mobile。

为了演示目的，让我展示一些代码，就像现在一样： 视图模型：

public class ColorViewModel
{
    public ColorViewModel()
    {
        Options = new List<string>(){ "red", "blue", "green" };
    }

    public string Value { get; set; }

    public List<string> Options { get; set; }
}

View:

@model IEnumerable<ColorViewModel>

@using (Html.BeginForm())
{
    foreach(var item in Model)
    {
        Html.DropDownListFor(m => m.Value, Model.Options)
    }
    <input type="submit" value="Save">
}

我想从表单中删除提交按钮，并在用户选择一个值时完成所有表单的提交（我想这可以通过使用 javascript 来实现）

默认情况下 MVC 应该呈现id="Value"对于此字段（您可以在帮助器方法的 HTML 参数中覆盖它）。

然后使用jquery（如果您使用的是MVC项目模板，您应该已经在项目中拥有它）您可以发布您的表单：

$(function() {
    $('#Value').change(function() {
        this.form.submit();
    });
});