我在一个表单中有几个下拉列表。每次用户在其中一个下拉列表中选择一个值时,我是否希望将该值保存到后端(数据库)。我不想重新加载页面,所以我想实现这一点的最佳方法是使用 ajax,这就是我需要帮助的。
当我在下拉列表中选择一个值时,我将如何让它自动将值发布到服务器端。我应该为每个下拉列表制作一个表格,以便我可以单独更新它们吗?如何让它以 ajax 调用的形式发布值,而不是重新加载页面?我在 ASP MVC 上使用 JQuery 和 JQuery mobile。
出于演示目的,让我展示一些代码,就像现在一样: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 来实现)