使用模態對話框修改的值更新父頁面的DOM元素

Question

我有一個.aspx視圖（我們稱之爲基頁），其中有一個<select>列表。在它旁邊，我有一個按鈕，點擊後會打開一個模式對話框。其中，我允許用戶爲選定的<select>列表的成員添加項目到數據源。

用戶必須重新加載頁面才能獲取新數據或編輯的數據。

是否有一個乾淨的方式來處理這與MVC & jQuery。我通常的做法是（1）知道頁面上的<select>元素的控件ID。然後在刷新模態頁面（它現在通過AJAX做）之後，我會（2）分析返回的新列表，然後（3）將新分析列表中的每個項目添加到基頁上的<select>列表。

這是單調乏味的手動JavaScript。必須有另一種更清潔的方式。

有什麼建議嗎？

Answer 1

從你的問題中不太清楚這個模式對話框包含哪些DOM元素，允許您將項目添加到選擇列表中，但是您可以訂閱對話框的關閉事件，然後將新添加的項目追加到原始選擇列表。線之間的東西：

// read the newly added item value from some text input 
var value = $('#itemName').val(); 
// append it to the select list 
$('#SomeSelectId').append(
    $('<option/>', { 
     value: value, 
     text: value 
    }) 
);