将动态生成的文本框值传递给 ASP.NET MVC 中的控制器

Question

我有一些表单，我想在单击 + 按钮时自动生成新的文本框，然后我想将其提交给 Candidates 控制器中的 CandidateRegister 操作方法。

@model SourceTreeITMatchmaking.Models.CandidateRegisterViewModel

候选人视图

@using (Html.BeginForm("CandidateRegister", "Candidates"))
{
     <div id="myTechnologies">
             <div class="row">
                   <div class="col-sm-6" style="padding-left: 0;">
                       @Html.TextBoxFor(m => m.SelectedMyTechnologies.Technology, new {@class="form-control", placeholder="C#, Java, Sql Server..."})
                    </div>
              </div>
        </div>
        <hr class="mt60">
        <div class="clearfix">
                 <input type="submit" class="btn btn-default btn-large pull-right" value="Register candidate!">
        </div>
}

在 (+) 按钮单击时添加新文本框的 jQuery 函数

$("#add-technology-candidate").click(function () {
    var firstDiv = $(' <div class="row"> <div class="col-sm-6" style="padding-left: 0;"> ' +
        ' <input type="text" class="form-control" placeholder="C#, Java, Sql Server..." /> </div>');
    $("#myTechnologies").append(firstDiv.append(deleteButton));
});

我用于强类型模型的 CandidateRegisterViewModel 的一个属性

public class CandidateRegisterViewModel
{
    public SelectedMyTechnologies SelectedMyTechnologies { get; set; }
}

/我在 CandidateRegisterViewModel 中使用的属性/

public class SelectedMyTechnologies
{
        public List<string> Technology { get; set; }
}

长话短说->我想在 (#add-technology-candidate) 按钮单击时生成文本框，然后将用户输入的数据作为列表传递给我的控制器。正如我现在的代码一样，我只能从第一个文本框（不是动态生成的文本框）传递数据。我应该如何更改 jQuery 方法以支持这两种类型？

提前致谢。

Answer 1

由于您的属性是List<string>，您只需为动态创建的文本框提供与该属性匹配的名称属性

 <input type="text" name="SelectedMyTechnologies.Technology" ... />

请注意，这仅适用于 string 或值类型的集合。对于复杂对象的集合，您需要按照this answer 包含索引器