在我的应用程序里,我有一个有4个字段的表格,记录一个朋友的信息。 (见截图)
在底部,我有一个按钮,如果用户想要输入另一个记录,该按钮会动态复制窗体。
如果用户想要添加大量记录, 时间会非常长。
有没有更干净的方法?
""https://i.sstatic.net/xZFU1.png" alt="此处输入图像描述"/"
视图代码 :
<div id="single_module">
<div class="pitch">
<h2>Step 3: Friends Birthdays</h2>
</div>
<form id="myForm">
<div id="input1" style="margin-bottom:4px;" class="clonedInput">
<%= simple_form_for @user, url: wizard_path do |f| %>
<div class="inputs">
<ul class="testss1">
<%= f.simple_fields_for :friends do |friend_f| %>
<li>
<%= friend_f.input :name %>
</li>
<li>
<%= friend_f.input :dob, :as => :date_picker, :label => Birthday , :input_html => { :class => special } %>
<li>
<%= friend_f.input :gender, :collection => [ male , female ] %></li>
</li><li>
<%= friend_f.association :interests, :as => :select, :label => false %></li>
<%end%>
</div>
<div>
<input type="button" id="btnAdd" value="add another name" />
<input type="button" id="btnDel" value="remove name" />
</div>
</form>
<div class="actions">
<%= f.button :submit, Next Step , :class => btn btn-primary , %>
<br></br>
</div>
<%end%>