Каков наилучший способ заполнить список после того, как пользователь выберет строку в таблице HTML?

Question

Я только начал использовать ASP. NET MVC примерно месяц go, и я пытаюсь найти лучший способ сделать следующий общий сценарий. У меня есть таблица со сводными данными, и когда пользователь выбирает строку, я хочу отобразить соответствующую деталь в соседнем списке или текстовом поле или что-то еще. Я думаю, что могу заставить его работать, добавив ссылку на действие к каждой строке в таблице и выполнив все это на стороне сервера, но я предполагаю, что это будет медленно, так как мне придется перезагружать таблицу каждый раз, когда пользователь делает выбор. Кроме того, я должен был бы выяснить, как сбросить таблицу в выбранную строку, правильно?

Есть ли способ загрузить только список, используя каким-либо образом jquery или javascript или ajax? Я предполагаю, что это "клиентское" программирование? Также я стараюсь не использовать такие вещи, как angular или реагировать. Я пытаюсь удержаться до тех пор, пока не будет установлен блейзор, так что мне не придется продолжать изучать новые вещи.

Я на самом деле не ищу полное решение (хотя это было бы неплохо), я бы будь счастлив, если бы ты мог просто указать мне правильное направление.

Спасибо!

Редактировать: Я нашел код jquery, который заполняет выпадающий список на основе выбора другого выпадающего списка. Не уверен, что это лучший способ go или нет. Выглядит сложно.

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    <script type="text/javascript">
            $('#Country').change(function () {
                var selectedCountry = $("#Country").val();
                var regionsSelect = $('#Region');
                regionsSelect.empty();
                if (selectedCountry != null && selectedCountry != '') {
                    $.getJSON('@Url.Action("GetRegions")', { iso3: 
                    selectedCountry }, function (regions) {
                        if (regions != null && !jQuery.isEmptyObject(regions))
                        {
                            regionsSelect.append($('<option/>', {
                                value: null,
                                text: ""
                            }));
                            $.each(regions, function (index, region) {
                                regionsSelect.append($('<option/>', {
                                    value: region.Value,
                                    text: region.Text
                                }));
                            });
                        };
                    });
                }
            });
    </script>
}