javascript-在下拉列表中选择值时,MVC使用ajax发布值

我有几种形式的下拉列表.每次用户在这些下拉列表之一中选择一个值时,我是否希望将该值保存到后端(数据库).我不想重新加载页面,所以我想实现这一目标的最佳方法是使用Ajax,这是我需要帮助的.

当我在下拉列表中选择一个值时,如何将其自动将值发布到服务器端.我应该为每个下拉列表填写1个表格,以便我分别进行更新吗？我如何获取它以ajax调用形式发布值,而不是重新加载页面？我在ASP MVC的顶部使用JQuery和JQuery移动设备.

为了演示的目的,让我显示一些现在的代码：
viewmodel：

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

    public string Value { get; set; }

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

视图：

@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”(您可以在helper方法的HTML参数中覆盖它).

然后使用jquery(如果您正在使用MVC项目模板,则应该已经在项目中使用它了),您可以发布表单：

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