MVC3 - 在模式表单提交后使用Ajax重新填充下拉列表

Question

我正在构建一个MVC3应用程序，并希望有一个带有下拉列表的表单，如果用户不需要该选项，那么他们可以单击一个链接打开一个模态弹出框，填写一个不同的形成，提交并关闭表格，并重新填充下拉列表，其中包含他们刚刚添加的选项。

我已经研究过使用jQuery Ajax或MVC Ajax（例如Ajax.BeginForm，Ajax.ActionLink）的选项。任何人都可以推荐最好的一个，并指出我的方向是一个很好的教程？今天一直很好看，但找不到任何真正符合我要求的东西。

由于

Answer 1

我通常在这些情况下使用jQuery。在这种情况下，我会使用.ajax（）post来执行表单的操作。然后我会在.ajax（）的成功事件中添加一个处理程序，使用append将我的新项添加到下拉列表中，示例减去除成功处理程序之外的所有属性：

$.ajax({ 
  success: function() {$(myDropDown).append(theNewListItem);}
});

您可以通过在ajax调用中从服务器创建并返回它来生成newListItem，或者使用当前表单值模拟它，假设值已经过验证。