I'm trying to create a product model with ID,Name and a list of specifications like above:

My model:

```
  public class Product 
{
    public int ProductID { get; set; }
    public string Name { get; set; }
    public virtual List<Spec> Specifications { get; set; }
}

 public class Spec
{
    public int SpecID { get; set; }
    public string Name { get; set; }
    public string Description { get; set; }
}

```

My Controller:

```
public ActionResult Create(Product product,List<Spec> Specifications)
    {
     ......
    }

```

My View:

```
using (Html.BeginForm("Create", "Products", FormMethod.Post))
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <h4>Product</h4>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">

            <div class="col-md-2"><h3>Specifications</h3></div>
            <div class="col-md-10">
                <table id="tblSkills" cellpadding="0" cellspacing="0" class="table table-responsive">
                    <thead>
                        <tr>
                            <th style="width:150px">Name</th>
                            <th style="width:150px">Description</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                    <tfoot>
                        <tr>
                            <td><input type="text" id="Name1" /></td>
                            <td><input type="text" id="Description" /></td>
                            <td>
                                <input type="button" id="btnAdd" class="btn btn-success btn-sm" value="Add" />
                            </td>
                        </tr>
                    </tfoot>
                </table>
                <br />
                <input type="button" id="btnSave" value="SaveAll" class="bntbtn-block btn-success" />

                <br />
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>

}

```

so it should looks like this:

[![Create View](https://i.stack.imgur.com/eJceM.png)](https://i.stack.imgur.com/eJceM.png)

I also added some Scripts so that I can enter or remove specifications, the information will be displayed inside a `tbody` tag in a table.

[![Added more Specification](https://i.stack.imgur.com/Sr8sY.png)](https://i.stack.imgur.com/Sr8sY.png)

The problem is that I don't really know how to pass my list of specifications to my controller, or should I try another way of input multiple specifications instead of using table. I'm looking for a way to input it using `HTMLHelper` like the one I did with Product's Name.

I apologize if my question is unclear. If you have any question to understand more, feel free to ask me. Thanks for any advise or solution.