Обновление элементов DOM родительской страницы значениями, измененными в модальном диалоге

Question

У меня есть .aspx View (назовем его Базовая страница), внутри него у меня есть <select> список.У меня есть кнопка, при нажатии на которую открывается модальное диалоговое окно.Здесь я разрешаю пользователю добавлять элементы в источник данных для членов выбранного списка <select>.

Пользователи должны перезагрузить страницу, чтобы получить новые или отредактированные данные.

Есть ли чистый способ справиться с этим с помощью MVC & jQuery.Мой обычный подход заключается в том, чтобы (1) узнать контрольный идентификатор элемента <select> на странице.Затем после обновления модальной страницы (которая в настоящее время выполняется через 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
    })
);