<ul id="url_input">
<li>
  <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>
<textarea id="wr_subject" type="text" name="wr_subject" required class="form-control required"  rows="5"> <?php 
                    if(empty(trim($write['wr_subject']))) {
                        echo"상품명 : \n 상품URL : \n 가격 : \n 수량 : \n 옵션 : ";
                    } else {
                        echo $write['wr_subject'];
                    }
                    ?>
</textarea></td></tr></table>

</li></ul>
<span id="addinput">상품추가</span>
<script>
$(document).ready(function() {
    var max_fields      = 10; 
    var add_button      = $("#addinput");
    var wr =30;
   
    var x = 1;
    $(add_button).click(function(e){ 
        e.preventDefault();
        if(x < max_fields){ 
            x++; wr++;
            $("#url_input").append('<li> <table  id="table10" style="width:100%;"><tr><td><textarea type="text" name="wr_'+wr+'" required class="form-control required"  rows="5"> 상품명 : \n 상품URL: \n 가격 : \n 수량: \n 옵션 : </textarea></tr></td></table>  <img src="./img/" alt="상품추가" title="삭제" class="btn_delete" /></li>'); 
        }
    });
   
    $("#url_input").on('click','.btn_delete',function(){
        $(this).parent('li').remove(); x--; wr--;
    })
});
</script>

위 내용처럼 여분필드를 상품추가 버튼을 누르면 31부터 추가 하게 했는데, DB까지는 정상적으로 저장이 됩니다. 뷰페이지에서는 전부 디스플레이가 되는데, 수정을 하면 wr_subject  만 나오고, 그 후 31부터 저장이 되어 있는 필드값은 나오지 않는데, 혹시 수정 시 추가 했던 필드 값이 수정 시 나오게 하는 방법이 있을까요?