Adding Partial Views to my main page via a modal

I have a page with a button that calls a modal and in this modal there is a table with the products, which when I click on a record of the products it is added to my page. You are adding only the first product, more than one is not added.

I have this in my controller , a function to call Partial .

public ActionResult NovaLinhaProduto()
        {
            Produto produto = _produtoRepository.GetById(int.Parse(Request["id"]));

            var ordemCompraProduto = new OrdemCompraProdutoViewModel();
            ViewBag.produto = produto;

            return PartialView("_LinhaProduto", ordemCompraProduto);
        }

I have this and my modal , which gives append to my page.

$.get('/OrdemCompra/NovaLinhaProduto?id=' + id, function (template) {
                    parent.$("#Produtos_Adicionados").append(template);
                });

View :

 <div id="Produtos_Adicionados" name="Produtos_Adicionados" class="form-group">
     @Html.LabelFor(model => model.Produto, new { @class = "control-label col-md-2" })
     <div class="col-md-10">
         <img src="@Url.Content("~/Content/img/lupa.gif")" id="PopUp_produtos" style="cursor:pointer;" class="btn btn-white">
     </div>
     @if (Model != null)
     {
         if (Model.OrdemCompraProdutoss != null)
         {
             foreach (var ordemProdutos in Model.OrdemCompraProdutoss)
             {
                 @Html.Partial("_LinhaProduto", ordemProdutos);
             }
         }
     }
 </div>