我有一些表单,我想在点击 + 按钮时自动生成新的文本框,然后我想将它提交给 Candidates Controller 中的 CandidateRegister 操作方法。
@model SourceTreeITMatchmaking.Models.CandidateRegisterViewModel
候选人 View
@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) 按钮时生成文本框,然后将用户输入的数据作为列表传递给我的 Controller 。正如我现在的代码一样,我只能从第一个文本框(不是动态生成的文本框)传递数据。我应该如何更改 jQuery 方法以支持这两种类型?
提前致谢。
最佳答案
因为你的属性(property)是List<string>
你可以给动态创建的文本框一个匹配属性的名称属性
<input type="text" name="SelectedMyTechnologies.Technology" ... />
请注意,这仅适用于 string
的集合或值类型。对于复杂对象的集合,您需要按照 this answer 包括索引器
关于javascript - 将动态生成的文本框值传递给 ASP.NET MVC 中的 Controller ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32921024/