Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用嵌套表单管理“删除嵌套字段”按钮上的单击事件_Javascript_Ruby On Rails_Ruby_Nested Forms - Fatal编程技术网

Javascript 使用嵌套表单管理“删除嵌套字段”按钮上的单击事件

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

我需要做的只是在每次按下add按钮时增加“p”标记的值,或者在按下delete按钮时减少同一个“p”标记的值

嵌套表单使用分部添加新行以管理de main表单视图中的嵌套表单这是我的分部代码:

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