动态添加到模型列表并提交给控制器

Question

所以我正在使用MVC6，我希望能够通过jquery动态添加到模型列表中，然后在提交表单时将其提交给控件。这是否有可能，如果可以的话，有人可以建议我采用正确的方法。

所以我做了一些基本的工作，为什么我尝试解决这个问题，但这根本不起作用。我无法在控制器中看到该值，因此无法正确添加内容。

public class Menu
{
  public Menu(){
    Pages = new List<Pages>();     
  }

  public List<Page> Pages{get;set};
}

public class Page
{
  public int ID {get;set;}
}

<form id="menuForm" asp-controller="Menu" asp-action="Menu" method="post">
  <input id="pages" asp-for="Pages" type="hidden" />
  <button id="btnSave" type="submit">Save</button>
 </form>

 @section Scripts{
   <script type="text/javascript">
    $(function(){
        var pages = [];

        var page = {ID:4};
        pages.push(page);
        $(#'pages').val(pages);
    }
</script>
}