Javascript 使用嵌套表单管理“删除嵌套字段”按钮上的单击事件
我需要做的只是在每次按下add按钮时增加“p”标记的值,或者在按下delete按钮时减少同一个“p”标记的值 嵌套表单使用分部添加新行以管理de main表单视图中的嵌套表单这是我的分部代码:Javascript 使用嵌套表单管理“删除嵌套字段”按钮上的单击事件,javascript,ruby-on-rails,ruby,nested-forms,Javascript,Ruby On Rails,Ruby,Nested Forms,我需要做的只是在每次按下add按钮时增加“p”标记的值,或者在按下delete按钮时减少同一个“p”标记的值 嵌套表单使用分部添加新行以管理de main表单视图中的嵌套表单这是我的分部代码: <tr class="fields"> <td> <%= f.text_field :nombre, class: 'form-control' %> </td> <td> <% concat f.s
<tr class="fields">
<td>
<%= f.text_field :nombre, class: 'form-control' %>
</td>
<td>
<%
concat f.select :idtipodocumento, CrTipoDocumento.all.collect
{|p| [ p.nombre, p.id ] }, {prompt: 'Seleccione el tipo de
documento'}, :class=>'form-control'
%>
</td>
<td>
<%= f.text_field :documento, class: 'form-control' %>
</td>
<td>
<%= f.link_to_remove raw('<i class="fa fa-minus-circle" aria-
hidden="true"></i>'), :class =>'btn btn-danger' %>
</td>
</tr>
解决了!只要深入了解一下创业板的官方文件: 他甚至做了一个方法来计算和限制字段的最大值!以下是链接:
<tbody>
<fieldset id="acreditados">
<%= f.fields_for :cr_acreditados, :wrapper => false %>
</fieldset>
</tbody>
<div id="addBtn">
<% if @counter >= 1 %>
<p><%= f.link_to_add raw('<i class="fa fa-plus-circle" aria-
hidden="true"></i>'), :cr_acreditados, id: 'btna', :class =>
'btn btn-primary lta', "data-target" => "#DAC" %></p>
<% else %>
<p class="text-center"><h3>No dispone de mas
acreditaciones</h3></p>
<% end %>
</div>
$( document ).ready(function() {
$('.add_nested_fields').click(function(adLine){
var cnt = document.getElementById('acd').innerHTML;
if(cnt <= 1){
if(cnt == 0)
{
alert("You cant add more rows")
adLine.preventDefault();
adLine.stopPropagation();
}
else
{
var res = cnt - 1;
$('#acd').html(res);
}
}
else{
var res = cnt - 1;
$('#acd').html(res);
}
});
});
$( document ).ready(function() {
$('.remove_nested_fields').click(function(remLine){
var cnt = document.getElementById('acd').innerHTML;
cnt = parseInt(cnt,10)
var res = cnt + 1;
$('#acd').html(res);
});
});