如何在表单上添加额外字段并提交给控制器

时间:2016-01-12 07:23:27

标签: javascript c# asp.net-mvc

所以我试图做到这一点,以便用户可以添加任意数量的联系人,我有一些代码,但我不知道我在做什么,一些方向会很好。
模型

public class CreateCompanyViewModel
{
    public string CompanyName { get; set; }
    public List<CompanyContact> CompanyContactList { get; set; }
}

public class CompanyContact
{
    public string CompanyContactId { get; set; }
    public string Name { get; set; }
    public string Email { get; set; }
}

控制器

public ActionResult CreateCompany(CreateCompanyViewModel model)
    {
    var company = new GroupFitnessCompany {CompanyName = model.CompanyName}

    foreach(CompanyContact contact in model.CompanyContactList)
         {
             company.CompanyContact.Add(contact);
         }

Razor页面上的HTML / JS

<button id="add-fields" type="button" onclick="appendFields()">Add fields</button>
<div id="extra-fieds"></div>

function appendFields() {
var nameField = '<div class="form-group"><label  for="CompantContact.Name">Contact Name</label><div ><input id="CompantContact.Name" name="CompantContact.Name" type="text" value="">'
var emailField = '<div class="form-group"><label  for="CompantContact.Email">Contact Email</label><div ><input id="CompantContact.Email" name="CompantContact.Email" type="text" value="">'
div.innerHTML += nameField;
div.innerHTML += emailField;
}

对于很长的路线感到抱歉,读起来很可怕 因此,代码可以将字段放在页面上,但是当我点击提交时,他们不会被传递给控制器​​,因为我的身份而猜测它?我不确定我的意思是什么叫他们

0 个答案:

没有答案