Как добавить кнопку «Удалить» при обновлении поста

Question

У меня есть система опроса, чтобы вставить вопрос и отредактировать вопрос так, чтобы вставить тот, который хорошо, просто так

Но у меня проблемы собновление

Когда я нажимаю, мне кажется, что редактирование вопросов выглядит так:

Поэтому я хочу, чтобы каждое «добавить больше»быть закрыть один, кроме последнего, если администратор хочет добавить другое поле

код формы:

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

Answer 1

Вы можете использовать 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(() => {...})