Chodzi o to, żeby to jest w pętli
@foreach ($drugs as $drugs2)
<tr class="drugs" id="drug_{{$i}}">
<td >
<input type="text" name="drugs1[]" value="{{$drugs2->name}}" class="form-control">
</td>
<td>
<input type="text" name="drugs2[]" value="{{$drugs2->field1}}" class="form-control">
</td>
<td>
<input type="text" name="drugs3[]" value="{{$drugs2->field2}}" class="form-control">
</td>
<td>
<input type="text" name="drugs4[]" value="{{$drugs2->field3}}" class="form-control">
</td>
<td>
<input type="text" name="drugs5[]" value="{{$drugs2->field4}}" class="form-control">
</td>
<td>
<input type="text" name="drugs6[]" value="{{$drugs2->field5}}" class="form-control">
</td>
<td>
<input type="text" name="drugs7[]" value="{{$drugs2->field6}}" class="form-control">
</td>
<td>
<button onclick="delete_drugs(drug_{{$i}})" class="btn btn-primary">Usuń wpis</button>
</td>
</tr>
@php
$i++;
@endphp
@endofreach
I tutaj na tym poziomie jest dobrze i przcisk usuń wpis służy do usuwania tych tr , ale jak chcę dodać nowy tr to używam tego
var i;
var bool = true;
function delete_drugs(i) {
//var f = $("<tr>");
$("#drug_" + i).remove();
//if(nazwa=document.getElementById(nazwa))nazwa.parentNode.removeChild(nazwa)
}
function add_drugs() {
//if (bool == true) {
// $(".drug").append("<tr class=\"drugs\" ><td width=\"30%\"><input type=\"text\" name=drugs1[" + i + "] class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs2["+ i + "]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs3["+ i + "]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs4["+ i + "]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs5["+ i + "]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs6["+ i + "]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs7["+ i + "]\" class=\"form-control\"></tr>");
//}
//else {
i++;
$(".drug").append("<tr class=\"drugs\" id=\"drug_ ><td width=\"30%\"><input type=\"text\" name=drugs1[] class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs2[]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs3[]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs4[]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs5[]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs6[]\" class=\"form-control\"></td><td width=\"10%\"><input type=\"text\" name=\"drugs7[]\" class=\"form-control\"><td><button onclick=\"delete_drugs(drug_+ i)\" class=\"btn btn-primary\">Usuń wpis</button></td></tr>");
//$bool = false;onclick="delete_drugs('f')" id = 'f'
//}
}
I teraz jak to zrobić żeby po wywołaniu funkcji add_drugs() mogło się tym przyciskiem usunąć ten aktualny element tr w tej linii