Javascript & partial View

hi I have page which is action "create" for order.

I want to be able dynamically to add multiple boxes and submit all the items as one request. I know how to add one a time and save as ajax request but not all at once Any Ideas how to do that?

public class oder{
public int Id{get;set;}
public string Recipient{get;set;}
public List<Box> Boxes{get;set;}
}

public class Box{
public int Id{get;set;}
public string
}

I have simplified the html code

<% html.SubmitForm(){ %>
<div><%: html.textboxfor(model=开发者_如何学编程>model.Recipient) %></div>
<div class="Action">Add Box</div>

<fieldset>
<legend>Boxes</legend>

</fieldset>

<%}%>

You may find the following blog post useful.