MVC3 - 在模態表單提交後使用Ajax重新填充下拉列表

Question

我正在構建一個MVC3應用程序，並且想要一個帶有下拉列表的表單，並且如果用戶需要的選項不存在，那麼他們可以單擊鏈接打開一個模式彈出框，填寫不同的表格，提交併關閉表格，並重新填充下拉列表，其中包含他們剛添加的選項。

我看過使用jQuery Ajax或MVC Ajax（例如Ajax.BeginForm，Ajax.ActionLink）的選項。任何人都可以推薦最好的一個使用，並指出我的方向一個很好的教程？今天看起來很好看，但找不到任何真正做我想要的東西。

感謝

Answer 1

我通常在這些情況下使用jQuery。在這種情況下，我會使用.ajax（）帖子來執行表單的操作。然後我會在阿賈克斯添加一個處理程序（）的成功事件到我的新項目採用追加，例如減去除了成功處理程序的所有屬性添加到下拉：

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

您可以生成theNewListItem有它在ajax調用中創建並從服務器返回，或者使用當前表單值模擬構建它，假設值已經過驗證。