db에 5개 여분필드 합을 여분필드에 저장 하는 방법 채택완료

비타주리님 좋은 답변 정말 감사합니다.^^
혹시 아래 상품추가 하는 기능을 만들고 있는데, 아래 처럼 하면 삭제를 할때
중간에는 삭제가 되고, 삭제한 필드는 빈 값으로 남으면서 다시 추가를 해서 입력을 하면 마지막 값이 이전필드로 저장이 되는데, 추가 하고, 중간에 삭제를 해도 다시 순서대로 필드 값이 저장 되게 하는 방법이 있을까요?

<table id="table10" style="width:100%;">
<tr><td>
<label class="col-md-10 col-form-label" for="wr_subject">1.상품내용<strong class="sr-only">필수</strong></label>
<div class="input_wrap">
<div class="input_list">
<textarea type="text" id="wr_subject" name="wr_subject" rows="5" class="form-control" placeholder="입력해주세요." /> <?php
if(empty(trim($write['wr_subject']))) {
echo"상품명 : \n 상품URL : \n 가격 : \n 수량 : \n 옵션 : ";
} else {
echo $write['wr_subject'];
}
?>
</textarea>
</div>

</div>
</td></tr></table>



<p align=right style="padding:10px 0 0 0;"> <button class="add_field btn btn-primary">상품추가</button></p>

<script>
const wrapper = $('.input_wrap'); // 입력 필드를 포함하는 컨테이너 선택
const addButton = $('.add_field'); // 추가 버튼 선택
const maxFields = 15; // 최대 입력 필드 수 설정
let fieldCount = 1; // 현재 입력 필드 수


// '추가하기' 버튼 클릭 시 이벤트
addButton.click(function(e) {
e.preventDefault(); // 페이지 리로드 방지
if (fieldCount < maxFields) { // 최대 필드 수 체크
fieldCount++; // 필드 수 증가
// 새 입력 필드 추가
wrapper.append(`
<div class="input_list">
<textarea type="text" name="wr_${29+fieldCount}" rows="5" class="form-control" placeholder="입력해주세요." /> 상품명 : \n 상품URL : \n 가격 : \n 수량 : \n 옵션 :
</textarea>

<a href="javascript_:void(0);" class="remove_field">삭제</a>




</div>


`);


}
});

// '삭제' 링크 클릭 시 이벤트
wrapper.on('click', '.remove_field', function(e) {
e.preventDefault(); // 페이지 리로드 방지
$(this).parent('.input_list').remove(); // 필드 제거
fieldCount--; // 필드 수 감소
});


</script>

혹시 서브밋 이후에 일어나게 할 수 있을까요? 인풋 추가 버튼을 만들어서 하니 추가 된 필드는 계산이 안되서요?