Javascript 将数据收集到rails表单中的变量中

我正在编写一个rails应用程序，其中有一个表单可以添加学生信息。该表单包含姓名、年龄、地址等文本字段。通常，当您按下“提交”按钮时，该信息将提交到服务器，您可以在页面刷新时创建新学生

---

我不要这个。我希望当按下submit按钮时，它将以变量或任何其他方式保存这些数据，然后我可以继续添加下一个学生信息。我可以重复多次。添加n个学生后，我会按Finish按钮，所有n个学生的数据都会提交到服务器。这可能吗？

这个问题的标准答案是使用嵌套属性。这在中解释得很好。也许？或者使用javascript。。。你能解释一下这种方法背后的原因吗？因为我看到了几种可能的替代方法，这在一定程度上取决于您应该采取的路线的要求。

i am adding an example here...

a.first name and last name with dynamically add  n number of address details and phone number 
b.have a separate table for name, address and phone.
c.one to many relation
d name can have number of address and phone.(have name id as foreign key in address and phone table)

ex:
first name = tom, last name = jerry, address:xx1, phone:yy1,address:xx2, phone:yy2.

store it like

first name = tom, last name = jerry, address:xx1, phone:yy1
first name = tom, last name = jerry, address:xx2, phone:yy2



sample erb file

    <%= form_tag(controller: "contacts", action: "create", method: "post", )  do %>


    <blockquote>
    <%= label_tag :first_name %>
    <%= text_field_tag :first_name, params[:first_name] %>

    <%= label_tag :last_name %>
    <%= text_field_tag :last_name, params[:last_name] %>
    </blockquote>

      <blockquote>
    <h3>Adress Details </h3>
    <div id="skillSet1">
      <%= render 'address' %>
    </div>
    <a href="javascript:;" id="addNewTag1">Add Additional Address Details</a>

    <div class="hide" id="new_skills_form1">
      <%= render partial: "address", locals: {skill: false} %>
    </div>
      </blockquote>

    <blockquote>
    <h3>Phone Number </h3>
    <div id="skillSet">
      <%= render 'phone' %>
    </div>
    <a href="javascript:;" id="addNewTag">Add Additional Phone Details</a>

    <div class="hide" id="new_skills_form">
      <%= render partial: "phone", locals: {skill: false} %>
    </div>

    </blockquote>
    <div class="actions"><%= submit_tag 'Save' %></div>
    <div><%= link_to 'Back', :action => :index %></div>
<% end %>

javascript

    $(document).ready(function(){
    $("#addNewTag").click(function(){
        $("#skillSet").append($("#new_skills_form").html());
    });
});

$(document).ready(function(){
    $("#addNewTag1").click(function(){
        $("#skillSet1").append($("#new_skills_form1").html());
    });
});