如何用jquery加载rails表单部分并作为一个表单提交

为了使我的rails html更具可读性，我将它的几个部分提取为部分。然后我使用jquery渲染部分。现在的问题是，可以说，表单已经完全"解钩"了，这意味着当我试图提交表单时，它的行为就好像部分不存在一样。我怀疑我不太理解表单是如何工作的，因为似乎在与此相关的其他答案中，表单构建器甚至没有解决。

这个问题似乎与我想做的事情有关，但我认为我太没有经验了，不能正确地把握它

/assets/javascripts/work_order.js
$(document).ready(function(){
$('.best_in_place').best_in_place();
$('#work_order_dueDate').datepicker();
$.datepicker.setDefaults({ dateFormat: 'dd-mm-yy'});
var selection_made = false
$('#work_order_project_type_id').change(function(){
    if (!selection_made){
        selection_made = true
        var selection = $(this).find('option:selected').text();
        if (selection == "Variable Data Mailing"){
            $.get('/presort_informations/new');
            $.get('/printing_instructions/new');
        }
        else if (selection == "Mailing"){
            $.get('/presort_informations/new');            
        }
        else if (selection == "Print Job"){
            $.get('/printing_instructions/new');            
        }
    }
  });
});

和

/views/work_orders/_form.html.erb
<%= form_for(@workorder) do |f| %>
  <% if @workorder.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@workorder.errors.count, "error") %> prohibited this workorder from being saved:</h2>
      <ul>
      <% @workorder.errors.full_messages.each do |message| %>
        <li><%= message %></li>
      <% end %>
      </ul>
    </div>
  <% end %>
  <fieldset class="general-info">
    <legend>General</legend>
    <div class="col-md-12">
      <div class="col-md-3">
        <div class="form-group">
          <%= f.label :Job_Title, class: "control-label" %>
          <%= f.text_field :title, class:"form-control" %>
        </div>
        <div class="form-group">
          <%= f.label :Project_Type, class: "control-label" %>
          <%= f.collection_select(:project_type_id, ProjectType.all, :id, :name, {:prompt => true}, {:class => "form-control"}) %>
        </div>
      </div>
    <div class="col-md-3">
      <div class="form-group">
        <%= f.label :Rep, class: "control-label" %>
        <%= f.text_field :rep, class:"form-control" %>
      </div>
      <div class="form-group">
        <%= f.label :Labels, class: "control-label" %>
        <%= f.collection_select(:labels_id, Labels.all, :id, :name, {:prompt => true}, {:class => "form-control"}) %>
      </div>
    </div>
    <div class="col-md-3">
      <div class= "form-group">
          <%= f.label :Due_Date, class: "control-label" %>
          <%= f.text_field :dueDate, class: "form-control" %>
      </div>
      <div class="form-group">
        <%= f.label :Project_Description, class: "control-label" %>
        <%= f.text_area :projectDescription,  class: "form-control" %>
      </div>
    </div>
  </div>
  </fieldset>
  <fieldset class="presort-information">
  </fieldset>
  <div class="col-md-6 printing">
  </div>
  <fieldset class="production-details">
    <legend>Production</legend>
    <%= f.fields_for :production_details, ProductionDetails.new do |ff| %>
    <%end%>
  </fieldset>
  <%= f.hidden_field(:number, :value => @workorder.number) %>
  <%= f.hidden_field(:client_id, :value => @workorder.client_id) %>
  <%= f.submit(class: "btn btn-default") %>
<% end %>

和一个偏音的例子:

/app/views/presort_informations/new.js.erb
$('.presort-information').append( '<%= j render("presort_informations/form") %>' );
/app/views/presort_informations/_form.html.erb
<legend>Mailing</legend>
<%= fields_for :presort_information, PresortInformation.new do |ff| %>
.
.
.
<% end %>

我不太确定如何将这一切联系在一起，以便我可以根据选择框加载部分，但然后将它们作为一个表单提交。

我发现这个SO问题处理相同的问题，但我怀疑，因为我渲染部分后，页面已加载，我不再能够访问表单生成器变量。

$('.presort-information').append( '<%= j render("presort_informations/form", f: f) %>' );

在调用时给出一个未定义变量错误。我仍然不确定如何弥合jquery和rails之间的差距。