Динамически отображать одну и ту же частичную страницу несколько раз на родительской странице в mvc

Question

Я пытаюсь создать новую страницу страны с опцией «Добавить Штаты». Я хочу добавить страну и ее штаты, область штатов и население штатов.

Первоначально на моей странице будет отображаться текстовое поле для страны и раскрывающийся список для континента. На начальной странице также будут редакторы для первого штата (3 текстовых поля для названия штата, населения и области). При нажатии «Добавить штат» будет добавлена ​​частичная страница с еще 3 текстовыми полями для названия штата, населения и области.

У меня есть два модельных класса, один для страны и другой для штатов. Класс страны имеет свойство списка штатов. Как отобразить несколько _pState в заполнителе div? И как сохранить страну со всем списком ее штатов в базе данных при нажатии кнопки «Сохранить»?

public class Country
{
string CountryName{get;set;}
string Continent{get;set;}
List<State> StateofCountry{get;set;}
}

public class State
{
string StateName{get;set;
string SArea{get;set;}
string SPopulation{get;set;}
}

Просмотр страны - country.cs html

@{
ViewBag.Title = "View1";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Add New Country</h2>
<table cellpadding="0"  cellspacing="0">
<tr>
    <td>CountryName: </td>
    <td>@Html.TextBox("txtcname") </td>
</tr>
<tr>
    <td>Continent: </td>
    //<td>--Dropdown for continent--</td>
</tr>
<tr>
    <td>StateName</td>000
    <td>Area</td>
<td>Population</td>
</tr>
<tr>
<td>@Html.TextBox("txtsname") </td>
<td>@Html.TextBox("txtsarea") </td>
<td>@Html.TextBox("txtspopulation") </td>
</tr>
<tr>
    <td><input id="btnAdd" type="button" value="Add States" />
    <td colspan ="2"><input id="btnSave" type="button" value="Save" /></td>
</tr>
</table>
<div id = "dvplaceholder">
//placeholder for states
</div>

Частичное представление для состояний- _pState.cs html

<table cellpadding="0"  cellspacing="0">   
 <tr>
  <td>@Html.TextBox("txtsname")</td>
  <td>@Html.TextBox("txtsarea")</td>
  <td>@Html.TextBox("txtspopulation")</td>
 </tr>
</table>