时间戳

首页 > 解决方案 > 更新帖子时如何添加“删除”按钮

javascript - 更新帖子时如何添加“删除”按钮

问题描述

我有投票系统来插入问题并编辑问题，所以插入一个就可以了

在此处输入图像描述

但是我有更新的问题

当我单击编辑问题时，我会像这样：

在此处输入图像描述

所以我希望每个“添加更多”都接近一个，如果管理员想要添加另一个字段，除了最后一个

表格代码： 

@foreach ($choices_name as $loopInput)
<tr>  
  <td><input type="text" value="{{ $loopInput->nameChose }}" name="nameChoose[]" placeholder="Enter the choose" class="form-control name_list"></td>  
  <td><button type="button" name="add" id="add" class="btn btn-success">Add More</button></td>  
</tr> 
@endforeach

js的::

$(document).ready(function() {
    var i=1;    
    $('#add').click(function(){  
        i++;  
        $('#dynamic_field').append('<tr id="row'+i+'" class="dynamic-added"><td><input type="text" name="nameChoose[]" placeholder="Enter the choos" class="form-control name_list" /></td><td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>');  
    });  
    $(document).on('click', '.btn_remove', function(){  
        var button_id = $(this).attr("id");   
        $('#row'+button_id+'').remove();  
    });  
});

标签： javascriptlaravel

解决方案

你可以loop在你的刀片中使用 Laravel ：

@foreach ($choices_name as $loopInput)
<tr>  
  <td><input type="text" value="{{ $loopInput->nameChose }}" name="nameChoose[]" placeholder="Enter the choose" class="form-control name_list"></td>  
  <td><button type="button" name="close" class="close btn btn-alert">Close</button></td>  
</tr> 
@if($loop->last)
     <td><button type="button" name="add" id="add" class="btn btn-success">Add More</button></td>  
@endif
@endforeach

如果您想要一些 Js 解决方案，我不确定它是否适用于您的情况，因为我不知道您之后如何处理数据，您可以执行类似的操作

$('.close').each( () => { 
    $(this).on("click", () => { $(this).parents('.row').remove() })
})

请注意，如果您动态添加这些关闭事件，则必须首先定位父元素，以便$('#parentElement .close').each(() => {...})

推荐阅读