使用模式对话框中修改的值更新父页面的DOM元素

Question

我有一个.aspx视图（我们称之为基页），在其中我有一个<select>列表。在它旁边我有一个按钮，当点击它打开一个模态对话框。其中，我允许用户为所选<select>列表的成员向DataSource添加项目。

用户必须重新加载页面才能获取新数据或编辑数据。

有没有一种干净的方法来处理MVC＆amp; jQuery的。我的常规方法是（1）知道页面上<select>元素的控件ID。然后在刷新模态页面（它当前通过AJAX执行）之后，我将（2）解析返回的新列表，然后（3）将新解析的列表中的每个项目添加到基页上的<select>列表。

这是乏味的手动JavaScript。必须有另一种更清洁的方式。

有什么建议吗？

Answer 1

从您的问题中不清楚这个模态对话框包含哪些DOM元素允许您将项添加到选择列表，但您可以订阅对话框的close事件，然后将新添加的项追加到原始选择名单。行间的一些事情：

// 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
    })
);