将数据收集到导轨中的变量

时间:2015-07-10 19:08:11

标签: javascript ruby-on-rails ruby-on-rails-4

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

我不想要这个。我希望当按下提交按钮时,它会将这些数据保存在变量(或任何其他方式)中,然后我可以继续添加下一个学生信息。我可以多次继续这个。添加n个学生后,我会按完成按钮,所有n个学生的数据都应该提交给服务器。这可能吗?

1 个答案:

答案 0 :(得分:0)

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());
    });
});