Javascript 如何保存自动生成字段中的数据并将其与单个Id关联？

我想将从自动生成的字段中获取的项目里程碑保存到数据库中。我想从与项目id关联的字段中获得几个里程碑数据集

我的表单如下所示：

<Form components -->
  <form class="form-horizontal" role="form" action="#">
    <!-- Basic inputs -->
    <div class="panel panel-default">
      <div class="panel-heading">
        <h6 class="panel-title"><i class="icon-bubble4"></i>Set Up Milestone</h6></div>
      <div class="panel-body">                    
        <label class="col-sm-2">Project ID: </label>
        <div class="col-sm-10">
          <div class="row">
            <div class="col-sm-10">

              <select name="select" class="form-control input-lg">
                <option value="opt1">Select Project Id</option>
                <?php foreach ($listed_projects as $row):?> 
                <option value="opt2"><?php echo $row->no;?> <?php echo $row->project_name;?></option>
                <?php endforeach ?>

              </select>

            </div>
            <div class="col-sm-4">
              <label style="color: #0B7C14">Select the ID Value of the project</label>
            </div>                            
          </div>
        </div>

      </div>

      <div id="content" >  
        <div  class="panel-body">                  
          <label class="col-sm-2">Milestone: </label>
          <div class="col-sm-10">
            <div class="row" ">
              <div class="col-sm-10">
                <div class="">
                  <input name="attribute" type="text" class="form-control">
                </div>
              </div>                            
              <div class="col-sm-4">
                <label style="color: #0B7C14">Add the milestone</label>
              </div>                      
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-8" style="text-align: right;padding-top: 5px">
        <a href="javascript:void(0);"><span data-icon="" id="addfields" onclick="add_fields();"> Add field</span></a>
      </div>
  </form>

建立里程碑
项目ID:
选择项目Id
选择项目的ID值
里程碑：
添加里程碑属性'；
}

如何将其保存到数据库中？哪个有里程碑号、项目id和里程碑

---

提前谢谢。

您需要先像这样传递数据：

 $(document).on('submit', '.form-horizontal', function(event) {

  event.preventDefault(); //prevents from submitting form

  $.ajax({
    url: "<YOUR URL RECEIVING THE FORM DATA>",
    type: "post",
    dataType: 'json',
    data: $(this).serialize(),
    success: function(d) {

    }
  });

});

---

谢谢你@Callombert。我的问题是如何在控制器中编写函数，这样，如果用户动态创建两个或十个字段，就不会有问题了？我可以使用静态表单。非常感谢。

 $(document).on('submit', '.form-horizontal', function(event) {

  event.preventDefault(); //prevents from submitting form

  $.ajax({
    url: "<YOUR URL RECEIVING THE FORM DATA>",
    type: "post",
    dataType: 'json',
    data: $(this).serialize(),
    success: function(d) {

    }
  });

});

    $this->form_validation->set_rules('name', 'Name', 'trim|required|xss_clean');
    $this->form_validation->set_rules('email', 'Emaid ID', 'trim|required|valid_email');
    $this->form_validation->set_rules('subject', 'Subject', 'trim|required|xss_clean');
    $this->form_validation->set_rules('message', 'Message', 'trim|required|xss_clean');

    $this->form_validation->set_message('xss_clean', 'Invalid characters.');

    //run validation on form input
    if ($this->form_validation->run() == FALSE)
    {


        $response['status'] = 'error';
        $response['errors'] = validation_errors();
        echo json_encode($response);
    }
    else
    {
           //insert your data
    }