[英]How can I add a button "Remove" when I update the post
我有投票系統來插入問題並編輯問題,所以插入一個就可以了
但我在更新時遇到問題
當我單擊編輯問題時,我會看到這樣的問題:
所以我希望每個“添加更多”都關閉一個,如果管理員想要添加另一個字段,除了最后一個
表格代碼:
@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();
});
});
你可以在你的刀片中使用 Laravel 的loop
:
@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(() => {...})
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.