Я создал таблицу текстовых полей и хочу удалить определенную строку td, если я нажму кнопку удаления.Я пробовал это
<table id="timeTable" style="width: 100%">
{% for each_slot in each_deatils['time'] %}
<tr>
<td>
<label class="col-md-4 control-label" for="starttime">Starttime</label>
</td>
<td>
<input type="startime" class="form-control input-md" id="starttime{{loop.index}}"
placeholder="starttime" value="{{each_slot['starttime']}}" required="">
</td>
<td>
<label class="col-md-8 control-label" for="endtime">Endtime</label>
</td>
<td>
<input type="endtime" class="form-control input-md" id="endtime{{loop.index}}"
value="{{each_slot['endtime']}}" placeholder="endtime" required="">
</td>
<td>
<input type="button" value="Remove" onclick="removeButton({{loop.index}})" class="RemoveBtn">
</td>
</tr>
<br />
{% endfor %}
</table>
</form>
Мой сценарий:
<script>
function removeButton(loopVal) {
console.log(loopVal);
var i = loopVal.parentNode.parentNode.rowIndex;
console.log(i);
document.getElementById('timeTable').remove(i);
}
Например, если сервер возвращает значение, цикл будет повторяться. Если у пользователя четыре слота, то четырепара текстовых полей будет создана в строке вместе с кнопкой удаления. Если я нажму кнопку удаления, то конкретная строка должна быть удалена, оставшаяся строка должна быть там.
Но когда я запускаю этот код, я получаю пробелстраница на данный момент.
Что мне нужно, так это когда я нажимаю кнопку удаления, конкретная строка должна быть удалена