Как реализовать HTML-элемент select для загрузки выбранного MVC-представления в качестве содержимого вкладки начальной загрузки

Question

Я пытаюсь реализовать веб-страницу для просмотра серии таблиц SQL с соответствующим редактором для каждой таблицы. Я хочу просмотреть таблицу на вкладке начальной загрузки и иметь элемент выбора HTML, чтобы определить, какая конкретная таблица просматривается в данный момент.

Я построил представление Index и уже создал ряд представлений таблиц и редакторов, но не уверен, как реализовать JS-скрипт для изменения представления при выборе. В качестве имени представлений используются значения в элементе select с добавлением «Table» или «Edit» для таблиц и представлений редактирования соответственно.

<h3>
    <select id="selectElement" onclick="tableSelector; editSelector">
        <option value="PersonSubGoalProcessDetail">Subgoal Process Details</option>
        <option value="PersonSubgoalTargets">Subgoal Targets</option>
    </select>
</h3>

<script>
function tableSelector()
{
    var x = document.getElementById("selectElement").value;
    x += "Table";

    var url = '@Url.Action("placeholder", "EmployeeView", new { text = "placeholder" })'
        url.replace('placeholder', x);

        $.ajax({   
            url: url,
            method: 'GET',
            success: function (data) {

            }
        });
}

function editSelector()
{
    var x = document.getElementById("selectElement").value;
    x += "Edit";

    var url = '@Url.Action("placeholder", "EmployeeView", new { text = "placeholder" })'
        url.replace('placeholder', x);

        $.ajax({   
            url: url,
            method: 'GET',
            success: function (data) {
            }
        });
}
</script>

<ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#firstTab">View Table</a></li>
    <li><a data-toggle="tab" href="#secondTab">Add New</a></li>
</ul>
<div class="tab-content">
    <div id="firstTab" class="tab-pane fade in active">TABLE CONTENT</div>
    <div id="secondTab" class="tab-pane fade in">EDITOR CONTENT</div>
</div>

Ожидаемый результат состоит в том, что после выбора таблицы из элемента select эта таблица и ее редактор загружаются в div с содержимым вкладки.